*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0f;--bg-card: rgba(20, 20, 30, .6);--purple-primary: #a855f7;--purple-dark: #7c3aed;--purple-glow: rgba(168, 85, 247, .3);--green-success: #22c55e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--border-color: rgba(255, 255, 255, .1);--border-focus: rgba(168, 85, 247, .5)}html,body,#root{height:100%}body{font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;min-height:100vh;margin:0}#root{position:relative}.background-effects{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--purple-primary) 0%,transparent 70%);top:-200px;left:-100px;animation:pulse 8s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--purple-dark) 0%,transparent 70%);bottom:-150px;right:-100px;animation:pulse 10s ease-in-out infinite reverse}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.wave-line{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--purple-primary),transparent);opacity:.3}.wave-1{top:60%;left:-50%;transform:rotate(-8deg);animation:wave 20s linear infinite}.wave-2{top:75%;left:-50%;transform:rotate(-5deg);animation:wave 25s linear infinite reverse}@keyframes wave{0%{transform:translate(0) rotate(-8deg)}to{transform:translate(-50%) rotate(-8deg)}}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:100;background:linear-gradient(180deg,rgba(10,10,15,.9) 0%,transparent 100%)}.logo{display:flex;align-items:center;gap:.75rem}.logo-text{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:1rem}.btn-connect{background:transparent;border:1px solid var(--text-primary);color:var(--text-primary);padding:.6rem 1.25rem;border-radius:6px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-connect:hover{background:var(--text-primary);color:var(--bg-dark)}.btn-connect.connected{border-color:var(--green-success);color:var(--green-success)}.btn-connect.connected:hover{background:var(--green-success);color:var(--bg-dark)}.btn-globe{background:transparent;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;transition:color .2s ease}.btn-globe:hover{color:var(--text-primary)}.main-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;position:relative;z-index:1}.content-container{text-align:center;max-width:500px;width:100%}.logo-large{margin-bottom:2rem;animation:fadeInUp .6s ease-out}.title{font-size:3rem;font-weight:400;letter-spacing:-.02em;margin-bottom:2rem;animation:fadeInUp .6s ease-out .1s backwards}.dot{color:var(--purple-primary)}.state-container{animation:fadeInUp .6s ease-out .2s backwards}.subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1rem;font-weight:300}.updates-text{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem}.connected-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.btn-account{background:var(--text-primary);color:var(--bg-dark);border:none;padding:.875rem 3rem;border-radius:6px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-account:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ffffff1a}.withdraw-form{text-align:left;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.input-group input{width:100%;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{outline:none;border-color:var(--border-focus);background:#a855f70d;box-shadow:0 0 0 3px #a855f71a}.input-group input:valid:not(:placeholder-shown){border-color:var(--green-success)}.input-group input.error{border-color:#ef4444;background:#ef44440d}.input-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.input-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.input-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.5rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-withdraw{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--purple-primary) 0%,var(--purple-dark) 100%);color:var(--text-primary);border:none;padding:1rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-withdraw:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple-primary) 100%);opacity:0;transition:opacity .3s ease}.btn-withdraw:hover:before{opacity:1}.btn-withdraw svg{position:relative;z-index:1}.btn-withdraw:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--purple-glow)}.btn-withdraw:active{transform:translateY(0)}.btn-withdraw:disabled{opacity:.7;cursor:not-allowed}.connected-wallet-info{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color)}.wallet-label{color:var(--text-muted);font-size:.875rem}.wallet-address{font-family:SF Mono,Fira Code,monospace;font-size:.875rem;color:var(--green-success)}.btn-disconnect{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:.4rem .75rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background:#ef44441a;border-color:#ef4444}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border:1px solid var(--border-color);border-radius:16px;padding:2rem;max-width:420px;width:100%;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.wallet-options{display:grid;gap:.75rem}.wallet-option{display:flex;align-items:center;gap:1rem;width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;color:var(--text-primary);font-family:inherit;font-size:1rem;cursor:pointer;transition:all .2s ease}.wallet-option:hover{background:#ffffff14;border-color:var(--purple-primary);transform:translate(4px)}.wallet-option img{border-radius:8px}.success-modal{text-align:center}.success-icon{margin-bottom:1.5rem;animation:checkmark .5s ease-out .2s backwards}@keyframes checkmark{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--green-success)}.success-message{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.success-message strong{color:var(--text-primary)}.success-addresses{background:#ffffff08;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.address-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.address-row:first-child{border-bottom:1px solid var(--border-color)}.chain-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);min-width:40px}.truncated-address{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--text-secondary)}.btn-done{width:100%;background:var(--green-success);color:#0a0a0f;border:none;padding:1rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-done:hover{background:#16a34a;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{position:relative;min-height:100vh}.hidden{display:none!important}.contact-support{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all .2s ease;animation:fadeInUp .6s ease-out .3s backwards}.contact-support:hover{background:#ffffff14;border-color:var(--purple-primary);color:var(--text-primary);transform:translateY(-2px)}.contact-support svg{opacity:.7;transition:opacity .2s ease}.contact-support:hover svg{opacity:1}@media(max-width:640px){.navbar{padding:1rem}.title{font-size:2.25rem}.content-container{padding:0 1rem}.connected-wallet-info{flex-wrap:wrap}}