*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#94a3b829;--muted:#94a3b8;--text:#f8fafc}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#173a6a 0,#0000 34%),radial-gradient(circle at 100% 0,#3d1b70 0,#0000 30%),linear-gradient(#0b1222 0%,#060914 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.screen{min-height:100vh;padding:20px 14px 94px;position:relative;overflow:hidden}.center{place-items:center;display:grid}.phone-shell{z-index:2;width:min(430px,100%);margin:0 auto;position:relative}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f172adb,#0f172a94);box-shadow:0 20px 70px #0000004d,inset 0 1px #ffffff0a}.orb{filter:blur(50px);opacity:.55;pointer-events:none;border-radius:50%;position:fixed}.orb-a{background:#2563eb;width:240px;height:240px;top:80px;left:-70px}.orb-b{background:#7c3aed;width:280px;height:280px;top:10px;right:-90px}.hero{border-radius:26px;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding:22px 18px;display:flex}.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:800}h1{letter-spacing:-.05em;margin:0;font-size:30px}.hero-text{color:var(--muted);max-width:280px;margin:10px 0 0;line-height:1.45}.logo,.loader-logo{background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:18px;place-items:center;width:56px;height:56px;font-weight:900;display:grid;box-shadow:0 14px 35px #4f46e559}.profile{border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px;display:flex}.muted{color:var(--muted);margin:0 0 5px;font-size:13px;font-weight:700}h2{letter-spacing:-.04em;margin:0 0 10px;font-size:24px}.pill{color:#cbd5e1;background:#94a3b81f;border-radius:999px;padding:7px 10px;font-size:12px;display:inline-flex}.balance{text-align:right}.balance span{color:var(--muted);font-size:12px;font-weight:700;display:block}.balance strong{margin-top:4px;font-size:25px;display:block}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px;display:grid}.primary-btn,.dark-btn{border-radius:16px;height:48px;font-weight:900}.primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 36px #2563eb47}.dark-btn{color:#dbeafe;background:#94a3b824}.section-head{justify-content:space-between;align-items:end;margin:18px 2px 10px;display:flex}.section-head h3{margin:0;font-size:20px}.section-head span{color:#93a4bd;font-size:11px}.service-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.service-card{text-align:left;border-radius:22px;min-height:128px;padding:16px;transition:transform .2s;position:relative;overflow:hidden}.service-card:active{transform:scale(.98)}.service-card:after{content:"";background:#3b82f62e;border-radius:22px;width:72px;height:72px;position:absolute;bottom:-18px;right:-16px}.service-card.pink:after{background:#f43f5e2e}.service-card.violet:after{background:#8b5cf638}.service-card.cyan:after{background:#22d3ee2e}.badge{color:#bfdbfe;background:#3b82f638;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;position:absolute;top:12px;right:12px}.service-icon{margin-bottom:18px;font-size:25px}.service-card strong{margin-bottom:6px;font-size:16px;display:block}.service-card p{color:var(--muted);margin:0;font-size:13px}.packages{gap:12px;display:grid}.package-card{border-radius:22px;padding:16px}.package-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.package-tag{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}h4{margin:5px 0 0;font-size:18px}.package-top strong{color:#bfdbfe;font-size:18px}ul{color:#cbd5e1;margin:14px 0;padding-left:18px;line-height:1.8}.package-card button{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:15px;width:100%;height:46px;font-weight:900}.empty{text-align:center;color:#cbd5e1;border-radius:24px;margin-top:20px;padding:28px 18px}.empty div{font-size:42px}.empty h3{margin:12px 0 6px}.empty p{color:var(--muted);line-height:1.5}.empty code{color:#93c5fd;background:#00000040;border-radius:12px;margin-top:12px;padding:10px;display:block;overflow:hidden}.alert{color:#fecaca;border-color:#f8717147;border-radius:18px;margin:12px 0;padding:12px}.loader-card{text-align:center;border-radius:26px;width:min(320px,92vw);padding:26px}.loader-logo{margin:0 auto 18px}.loader-line{background:linear-gradient(90deg,#94a3b826,#94a3b857,#94a3b826);border-radius:99px;height:12px;margin:12px auto;animation:1.4s infinite pulse}.loader-line.short{width:60%}.loader-card p{color:var(--muted)}.bottom-nav{z-index:5;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(430px,100% - 28px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bottom-nav button{color:#94a3b8;background:0 0;border-radius:16px;padding:9px 6px;font-weight:800}.bottom-nav button span{margin-top:3px;font-size:11px;display:block}.bottom-nav button.active{color:#fff;background:linear-gradient(135deg,#2563ebe6,#7c3aede6)}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=380px){.hero,.profile{border-radius:20px}h1{font-size:26px}.service-card{min-height:116px;padding:14px}}