*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{min-height:100vh;background:#050b18;color:#fff;display:flex;justify-content:center;padding:18px}.app-bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 0%,rgba(124,58,237,.45),transparent 32%),radial-gradient(circle at 90% 20%,rgba(6,182,212,.25),transparent 30%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.12),transparent 28%),#050b18;z-index:-1}.phone-shell{width:100%;max-width:430px;min-height:calc(100vh - 36px);background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.96));border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:20px;box-shadow:0 30px 100px rgba(0,0,0,.45);position:relative;overflow:hidden}.phone-shell:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:rgba(124,58,237,.18);filter:blur(30px);pointer-events:none}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,#7c3aed,#22d3ee);display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 18px 50px rgba(124,58,237,.45)}.brand h1,.brand h2{font-size:24px;line-height:1}.brand small{color:#94a3b8}.center{text-align:center}.mt{margin-top:20px}.mb{margin-bottom:18px}.muted{color:#94a3b8}.green{color:#86efac}.red{color:#fca5a5}.blue{color:#67e8f9}.gold{color:#fcd34d}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 18px;border-radius:18px;color:white;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 18px 45px rgba(14,165,233,.22)}.btn.small{width:auto;padding:10px 14px;border-radius:14px;font-size:13px}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:none}.btn.green-btn{background:linear-gradient(135deg,#16a34a,#22c55e)}.btn.danger{background:linear-gradient(135deg,#ef4444,#fb7185)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;position:relative}.avatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#0ea5e9,#7c3aed);display:grid;place-items:center;font-weight:900}.icon-btn{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.07);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}.hero-card,.card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.25);backdrop-filter:blur(20px)}.hero-card{background:linear-gradient(135deg,#5724c9,#0f6fdb);overflow:hidden}.hero-card h2{font-size:30px;margin:6px 0}.wallet-art{position:absolute;right:18px;top:25px;font-size:42px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:16px;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}.stat span{font-size:12px;color:#94a3b8}.stat strong{display:block;font-size:24px;margin-top:4px}.banner{border-radius:22px;padding:16px;background:linear-gradient(135deg,rgba(14,165,233,.65),rgba(124,58,237,.65));display:flex;justify-content:space-between;align-items:center}.category{display:grid;place-items:center;gap:6px;padding:12px 8px;border-radius:18px;background:rgba(255,255,255,.05);font-size:12px;color:#cbd5e1;text-align:center}.category b{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:18px}.section-title{font-size:18px;margin:18px 0 12px}.form{display:grid;gap:12px}.input-group{position:relative}.input-group label{display:block;font-size:13px;color:#cbd5e1;margin-bottom:7px}.input,.select,textarea{width:100%;padding:15px 16px;border-radius:17px;border:1px solid rgba(255,255,255,.11);background:rgba(2,6,23,.58);color:#fff;outline:none}.input:focus,.select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.12)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:7px;background:rgba(255,255,255,.05);border-radius:18px;margin-bottom:14px}.tabs a,.tabs button{border:0;border-radius:14px;padding:11px;background:transparent;color:#94a3b8;font-weight:700}.tabs .active{background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff}.task-card,.list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-bottom:12px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.task-left{display:flex;align-items:center;gap:12px}.task-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#0ea5e9,#7c3aed)}.task-title h4{font-size:15px;margin-bottom:4px}.task-title p{font-size:12px;color:#86efac}.pill{display:inline-flex;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800;background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.2)}.pill.lock{background:rgba(148,163,184,.13);color:#cbd5e1;border-color:rgba(148,163,184,.2)}.pill.pending{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.2)}.pill.danger{background:rgba(239,68,68,.13);color:#fca5a5;border-color:rgba(239,68,68,.2)}.steps{display:grid;gap:10px}.step{display:flex;gap:10px;align-items:flex-start;color:#cbd5e1;font-size:14px;line-height:1.5}.step b{min-width:25px;height:25px;border-radius:50%;background:#6366f1;display:grid;place-items:center;color:#fff;font-size:12px}.package{padding:18px;border-radius:24px;margin-bottom:14px;background:linear-gradient(145deg,rgba(34,197,94,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}.package.paid{background:linear-gradient(145deg,rgba(124,58,237,.22),rgba(255,255,255,.045))}.package h3{font-size:20px}.price{font-size:28px;margin:8px 0}.features{display:grid;gap:8px;margin:13px 0}.features li{list-style:none;color:#cbd5e1;font-size:14px}.features li:before{content:"✓";color:#86efac;margin-right:8px}.progress-info{display:flex;justify-content:space-between;font-size:13px;color:#cbd5e1;margin-bottom:8px}.progress{height:11px;background:rgba(255,255,255,.13);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(135deg,#7c3aed,#22d3ee)}.rank-hero{background:linear-gradient(135deg,#6d28d9,#4338ca);border-radius:26px;padding:18px;position:relative;overflow:hidden}.rank-hero h1{font-size:36px;margin:6px 0}.rank-medal{position:absolute;right:18px;top:16px;font-size:48px}.transaction{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:13px 0}.transaction:last-child{border-bottom:0}.transaction h4{font-size:14px}.transaction p{font-size:12px;color:#94a3b8;margin-top:3px}.bottom-nav{position:sticky;bottom:0;margin-top:22px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;background:rgba(2,6,23,.84);border:1px solid rgba(255,255,255,.1);padding:9px;border-radius:24px;backdrop-filter:blur(18px);z-index:9}.bottom-nav a{display:grid;place-items:center;gap:3px;color:#94a3b8;font-size:11px;padding:7px 2px;border-radius:16px}.bottom-nav a span{font-size:17px}.bottom-nav a.active{background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff}.flash{padding:13px 15px;border-radius:17px;margin-bottom:14px;font-weight:700;font-size:14px}.flash.success{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.25)}.flash.error{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.flash.info{background:rgba(14,165,233,.13);color:#7dd3fc;border:1px solid rgba(14,165,233,.22)}.table-lite{width:100%;border-collapse:collapse}.table-lite td,.table-lite th{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;text-align:left}.empty{text-align:center;padding:24px;color:#94a3b8}.back-link{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.07);margin-bottom:14px}.splash-graphic{height:220px;display:grid;place-items:center;font-size:92px;filter:drop-shadow(0 25px 40px rgba(124,58,237,.35))}.onboard-dots{display:flex;justify-content:center;gap:7px;margin:18px 0}.onboard-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}.onboard-dots span.active{background:#38bdf8}.support-float{position:fixed;right:22px;bottom:24px;width:56px;height:56px;border-radius:22px;background:linear-gradient(135deg,#7c3aed,#0ea5e9);display:grid;place-items:center;font-size:24px;box-shadow:0 18px 45px rgba(14,165,233,.32)}@media(max-width:480px){body{padding:0}.phone-shell{border-radius:0;min-height:100vh;max-width:none}.grid-3{grid-template-columns:repeat(2,1fr)}}