:root{--accent: #6d5efc;--accent-2: #a78bfa;--ok: #34d399;--err: #fb7185}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e7e9f3;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background:#070812}.app:before,.app:after{content:"";position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(80px);opacity:.55;z-index:0;animation:float 18s ease-in-out infinite}.app:before{background:radial-gradient(circle at center,#6d5efc,transparent 60%);top:-15vmax;left:-10vmax}.app:after{background:radial-gradient(circle at center,#2dd4bf,transparent 60%);bottom:-18vmax;right:-12vmax;animation-delay:-9s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vmax,3vmax) scale(1.12)}}.card{position:relative;z-index:1;width:100%;max-width:400px;padding:40px 32px 36px;border-radius:24px;background:#14162699;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);text-align:center;animation:cardIn .6s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.logo{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px #6d5efc73}.title{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.02em}.subtitle{margin:0 0 28px;font-size:14px;line-height:1.5;color:#9aa0bd}.connect-btn{position:relative;width:100%;padding:16px 20px;border:none;border-radius:14px;font-size:16px;font-weight:650;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--accent),#8b5cf6);box-shadow:0 12px 30px #6d5efc66;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #6d5efc8c;filter:brightness(1.05)}.connect-btn:active{transform:translateY(0)}.connect-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:shimmer 3.2s ease-in-out infinite}@keyframes shimmer{0%,60%{left:-120%}to{left:130%}}.status{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 4px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{width:58px;height:58px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--accent-2));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-text{font-size:15.5px;font-weight:600;color:#e7e9f3}.status-hint{font-size:13px;color:#8b90ad;margin-top:-8px}.check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#34d39924;border:2px solid var(--ok);animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.check svg{width:30px;height:30px;stroke:var(--ok);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s .15s forwards ease}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.error-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:#fb718524;border:2px solid var(--err);animation:pop .35s ease}.error-text{font-size:14px;color:#ffc2cc;word-break:break-word;max-width:320px}.retry-btn{margin-top:4px;padding:11px 26px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:#ffffff1f}.addr{margin:18px auto 0;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9cce0;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.qr-box{margin:6px auto 4px;width:232px;height:232px;display:grid;place-items:center;padding:14px;border-radius:20px;background:#fff;box-shadow:0 14px 40px #00000073;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.qr-img{width:100%;height:100%;display:block;border-radius:8px}.wallet-list{display:flex;flex-direction:column;gap:10px;animation:fadeIn .3s ease}.wallet-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;cursor:pointer;text-align:left;transition:background .18s ease,transform .12s ease,border-color .18s ease}.wallet-row:hover{background:#ffffff17;border-color:#6d5efc80;transform:translateY(-1px)}.wallet-row:active{transform:translateY(0)}.wallet-ava{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f7f8ff;box-shadow:0 4px 14px #0000004d}.wallet-meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.wallet-name{font-size:15.5px;font-weight:650}.wallet-sub{font-size:12.5px;color:#8b90ad}.wallet-row .chev{flex:0 0 auto;color:#6b7190}.disconnect{margin-top:20px;background:none;border:none;color:#7c819b;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.disconnect:hover{color:#aeb2c9}