*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;color:#1f2340;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:linear-gradient(135deg,#ffd6e7 0%,#d6e4ff 35%,#d6fff1 70%,#fff5d6 100%);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:24px}.bg-blobs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.55}.blob.b1{background:#ffb3d1;top:-120px;left:-120px}.blob.b2{background:#b3c7ff;bottom:-140px;right:-100px}.blob.b3{background:#b3ffe0;top:40%;left:55%}.wrap{position:relative;z-index:1;width:100%;max-width:460px}.card{background:rgba(255,255,255,.55);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:32px;box-shadow:0 20px 60px rgba(80,80,160,.18)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#a78bfa,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 8px 20px rgba(96,165,250,.4)}.brand h1{font-size:18px;margin:0;font-weight:600}.brand p{margin:0;font-size:12px;color:#5b6080}h2{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:-.01em}.subtitle{margin:0 0 24px;font-size:14px;color:#5b6080;line-height:1.5}.status{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);margin-bottom:20px;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:#cbd1e3;flex-shrink:0;transition:.3s}.status.connected .dot{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.2)}.status.error .dot{background:#f87171}.status-text{font-weight:500}.address-box{padding:16px;border-radius:18px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);margin-bottom:16px;display:none}.address-box.visible{display:block}.address-box .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5b6080;margin-bottom:6px}.address-box .addr{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:600;word-break:break-all;color:#1f2340}.meta-row{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#5b6080}.btn{width:100%;border:0;border-radius:18px;padding:15px 18px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#a78bfa,#60a5fa);color:#fff;box-shadow:0 12px 28px rgba(96,165,250,.35)}.btn-primary:hover:not(:disabled){box-shadow:0 16px 32px rgba(96,165,250,.45)}.btn-ghost{background:rgba(255,255,255,.6);color:#1f2340;border:1px solid rgba(255,255,255,.8);margin-top:10px}.btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.85)}.wallets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}.wallet-opt{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);border-radius:16px;padding:14px 8px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;color:#1f2340;transition:.2s;font-family:inherit}.wallet-opt:hover{background:rgba(255,255,255,.85);transform:translateY(-2px)}.wallet-opt .ico{font-size:22px;display:block;margin-bottom:4px}.footer{margin-top:22px;text-align:center;font-size:11px;color:#5b6080}.footer a{color:#7c5cf5;text-decoration:none}@media (max-width:480px){.card{padding:24px;border-radius:24px}h2{font-size:20px}.wallets{grid-template-columns:1fr 1fr}}