@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#03113c;--bg2:#061d58;--glass:#ffffff12;--glass2:#ffffff1d;--line:#badbff2b;--text:#f5f9ff;--muted:#a8bad8;--blue:#58a7ff;--cyan:#82ddff;--deep:#081d50;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:linear-gradient(150deg,#021038,#072b78 65%,#041744);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body.splash-open,body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #bcecff;outline-offset:4px}h1,h2,h3,p{margin:0}.noscript{padding:30px}.background{position:fixed;inset:0;overflow:hidden;pointer-events:none}.background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 2%,#2488ff55,transparent 35%),radial-gradient(circle at 92% 32%,#36c5ff35,transparent 31%),linear-gradient(#031348aa,#04133bee)}.background i{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid #bce8ff24;background:linear-gradient(140deg,#ffffff1b,#ffffff03);box-shadow:inset 0 0 35px #aee6ff12,0 30px 100px #00123b}.background i:nth-child(1){width:280px;height:280px;left:-110px;top:28%;animation:drift 16s ease-in-out infinite}.background i:nth-child(2){width:160px;height:160px;right:-45px;top:9%;animation:drift 12s ease-in-out -4s infinite}.background i:nth-child(3){width:230px;height:230px;right:12%;bottom:-130px;animation:drift 18s ease-in-out -7s infinite}.app-shell{position:relative;width:min(980px,100%);min-height:100dvh;margin:auto;padding:0 28px 38px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cce9ff17}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:4px}.brand small{font-size:9px;color:#b4caf0;letter-spacing:2px;margin-left:7px}.brand-mark,.avatar{border:1px solid #cce9ff33;background:#ffffff12;box-shadow:inset 0 0 14px #ffffff12,0 10px 35px #00133f80;overflow:hidden}.brand-mark{width:43px;height:43px;border-radius:15px;display:grid;place-items:center}.brand-mark img{width:54px;height:54px;object-fit:cover}.avatar{width:42px;height:42px;padding:0;border-radius:15px}.avatar img{width:100%;height:100%;object-fit:cover}main{min-height:650px;padding:34px 0 10px}.page{animation:pageIn .48s var(--ease)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head span{display:block;font-size:10px;letter-spacing:2.2px;color:#9bb9e7;text-transform:uppercase;margin-bottom:6px}.page-head h1{font-size:32px;line-height:1.15;letter-spacing:-1.3px}.page-head p{font-size:13px;color:var(--muted);max-width:420px}.glass{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff18,#ffffff09);box-shadow:inset 0 1px 0 #ffffff20,0 25px 65px #00103865;backdrop-filter:blur(18px);border-radius:25px}.hero{position:relative;min-height:370px;overflow:hidden;padding:34px;isolation:isolate}.hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle at 35% 32%,#59d5ff88,#1767ff55 35%,#053fd155 58%,transparent 70%);filter:blur(2px);z-index:-2;animation:pulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061944f2 4%,#061944b0 45%,transparent 82%);z-index:-1}.hero-logo{position:absolute;width:330px;height:330px;right:-15px;top:18px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 22px 45px #00165cab);animation:float 7s ease-in-out infinite}.hero-content{position:relative;width:58%;min-width:330px;min-height:300px;display:flex;align-items:flex-start;flex-direction:column}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #c8ebff30;border-radius:999px;background:#ffffff10;color:#d9f0ff;font-size:10px;letter-spacing:1.5px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#77e2ff;box-shadow:0 0 13px #6fdfff}.hero h2{font-size:45px;line-height:1.04;letter-spacing:-2px;margin:25px 0 12px}.hero h2 em{font-style:normal;color:#8bd7ff}.hero-copy{font-size:14px;color:#afc1df}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:auto}.primary,.secondary{min-height:50px;border-radius:15px;padding:13px 20px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.25s}.primary{background:linear-gradient(135deg,#e9f8ff,#8ed6ff);color:#052151;box-shadow:0 12px 40px #42a6ff55}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 45px #54b7ff70}.secondary{background:#ffffff0d;border:1px solid var(--line);color:#dceaff}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 29px}.stat{padding:18px 20px;display:flex;align-items:center;gap:14px}.stat-icon{width:42px;height:42px;border-radius:14px;background:#77bdff12;border:1px solid #bde7ff20;display:grid;place-items:center;color:#9ddcff}.stat small{display:block;color:#91a7ca;font-size:10px;letter-spacing:1px;text-transform:uppercase}.stat strong{display:block;font-size:18px;margin-top:3px}.lower{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.card{padding:23px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h2{font-size:19px}.link-button{background:none;padding:5px 0;color:#a8dfff;font-size:12px}.device-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #cdeaff14}.device-row:last-child{border-bottom:0;padding-bottom:0}.device-row:first-of-type{padding-top:0}.device-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #cae9ff1d}.device-copy{flex:1;min-width:0}.device-copy strong{font-size:13px;display:block}.device-copy span{font-size:11px;color:#8fa8cc;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{color:#91a6c6;font-size:13px}.invite{position:relative;overflow:hidden;min-height:180px}.invite:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-55px;bottom:-70px;border:1px solid #b9e7ff31;background:#42b8ff14}.invite .kicker{font-size:10px;letter-spacing:1.7px;color:#9bbde6}.invite h3{font-size:26px;line-height:1.2;margin:12px 0 7px}.invite p{font-size:12px;color:#94abd0;max-width:230px}.invite button{margin-top:20px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.plan{position:relative;text-align:left;padding:23px 20px;min-height:215px;border-radius:23px;border:1px solid var(--line);background:linear-gradient(155deg,#ffffff17,#ffffff08);box-shadow:inset 0 1px 0 #ffffff1c}.plan.featured{border-color:#9ee1ff77;background:linear-gradient(155deg,#48b8ff2f,#ffffff0a);transform:translateY(-5px)}.plan-badge{font-size:9px;letter-spacing:1.4px;color:#b9e8ff}.plan h3{font-size:16px;margin:28px 0 10px}.plan strong{font-size:29px;letter-spacing:-1px}.plan p{font-size:11px;color:#8fa8cc;margin-top:4px}.plan .soon{position:absolute;left:19px;bottom:19px;font-size:10px;color:#a9c5e8;border:1px solid #bfe8ff22;border-radius:20px;padding:5px 9px}.notice{margin-top:18px;padding:18px 20px;font-size:13px;color:#abc0df}.banner{display:flex;align-items:center;gap:24px;padding:25px;margin-bottom:18px}.banner-logo{width:92px;height:92px;border-radius:24px;object-fit:cover;border:1px solid #cceaff35}.banner h2{font-size:24px}.banner p{font-size:13px;color:#9eb3d2;margin-top:5px}.wide{width:100%}.list-button{width:100%;display:flex;align-items:center;gap:13px;background:none;text-align:left;padding:17px 0;border-bottom:1px solid #cfeaff13}.list-button:last-child{border-bottom:0}.list-button span:nth-child(2){flex:1}.list-button strong{font-size:13px;display:block}.list-button small{font-size:11px;color:#8fa6c8}.list-button .chev{color:#91acd2}.remove{width:38px;height:38px;border-radius:12px;background:#ff769810;color:#ffafc2}.gate{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:center;min-height:390px;padding:30px}.gate img{width:100%;max-width:330px;justify-self:end;border-radius:50%;filter:drop-shadow(0 25px 55px #001759)}.gate h1{font-size:41px;line-height:1.05;letter-spacing:-1.8px}.gate p{color:#9fb3d2;margin:13px 0 24px}.loading{min-height:320px;display:grid;place-items:center;text-align:center}.spinner{width:38px;height:38px;border:2px solid #b9e4ff25;border-top-color:#aee6ff;border-radius:50%;animation:spin .8s linear infinite;margin:auto auto 15px}.mini-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 2px 80px;color:#7189ad;font-size:10px}.mini-footer span:last-child{display:flex;gap:14px}.mini-footer a:hover{color:#d5eaff}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:14px;transform:translateX(-50%);width:min(530px,calc(100% - 28px));padding:8px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d2edff29;background:#071b4bd9;backdrop-filter:blur(25px);border-radius:24px;box-shadow:0 18px 55px #00082aa8,inset 0 1px #ffffff1d}.bottom-nav button{position:relative;background:none;border-radius:17px;padding:9px 5px 8px;color:#718bb2;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:.25s}.bottom-nav button.active{color:#dff4ff;background:#6cbfff14}.bottom-nav button.active:before{content:"";position:absolute;top:-8px;width:30px;height:2px;border-radius:2px;background:#99e0ff;box-shadow:0 0 14px #88dcff}.bottom-nav .icon{width:22px;height:22px}.splash{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 50% 40%,#0b55cc,#031344 63%,#020a24);display:grid;place-items:center;align-content:center;gap:35px;transition:opacity .55s var(--ease),visibility .55s}.splash.out{opacity:0;visibility:hidden;pointer-events:none}.splash-water{position:relative;width:260px;height:260px;display:grid;place-items:center}.splash-logo{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:0 30px 85px #001b78,inset 0 0 25px #fff3;animation:logoRise 1s var(--ease) both}.splash-logo img{width:100%;height:100%;object-fit:cover}.splash-ring{position:absolute;border:1px solid #bcecff5c;border-radius:50%;animation:ripple 2.2s ease-out infinite}.ring-one{inset:26px}.ring-two{inset:-2px;animation-delay:.65s}.drop{position:absolute;width:8px;height:8px;background:#b9ebff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 18px #7ed8ff}.d1{left:9px;top:110px;animation:dropFloat 2.4s ease-in-out infinite}.d2{right:18px;top:38px;animation:dropFloat 2.7s ease-in-out -.6s infinite}.d3{right:5px;bottom:44px;animation:dropFloat 2.2s ease-in-out -1s infinite}.splash-copy{text-align:center}.splash-copy>span{font-size:10px;letter-spacing:3.5px;color:#b4dfff}.splash-copy h1{font-size:25px;letter-spacing:-.7px;margin:9px 0 20px}.splash-progress{width:160px;height:2px;border-radius:3px;background:#ffffff1c;margin:auto;overflow:hidden}.splash-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#66c5ff,#fff);transform-origin:left;animation:load 2.2s ease-out both}dialog{width:min(470px,calc(100% - 24px));max-height:88dvh;overflow:auto;border:1px solid #c9e9ff34;border-radius:27px;padding:23px;background:linear-gradient(145deg,#123679f5,#061846f5);color:var(--text);box-shadow:0 40px 120px #000b}dialog::backdrop{background:#010720dd;backdrop-filter:blur(8px)}dialog[open]{animation:dialogIn .34s var(--ease)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a5c5eb;margin-bottom:16px}.dialog-bar button{width:34px;height:34px;background:#ffffff0c;border-radius:12px;font-size:24px;font-weight:300}.dialog-body h2{font-size:27px;line-height:1.15}.dialog-body>p{font-size:13px;color:#a8bcda;margin:10px 0 20px}.dialog-actions{display:grid;gap:10px}.legal-consent{font-size:10px!important;color:#7f98bd!important;text-align:center;margin:13px 0 0!important}.legal-consent a{text-decoration:underline;color:#b6d9f7}.incy-box{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#ffffff0b;border:1px solid #caeaff20;margin:18px 0}.incy-box img{width:52px;height:52px;border-radius:15px}.incy-box strong{display:block}.incy-box span{font-size:11px;color:#94acd0}.toast{position:fixed;z-index:120;left:50%;bottom:100px;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:.3s;background:#dff3ff;color:#062051;padding:12px 18px;border-radius:13px;font-size:12px;font-weight:700;box-shadow:0 18px 55px #001247;width:max-content;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes drift{50%{transform:translate(25px,-24px) scale(1.06)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.8}}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoRise{from{opacity:0;transform:scale(.72);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes ripple{0%{transform:scale(.65);opacity:0}35%{opacity:.75}100%{transform:scale(1.28);opacity:0}}@keyframes dropFloat{50%{transform:translateY(-12px) rotate(-45deg);opacity:.55}}@keyframes load{from{transform:scaleX(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:760px){.app-shell{padding:0 18px}.topbar{height:76px;border:0}main{padding-top:14px;min-height:0}.page-head{margin-bottom:18px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.hero{min-height:340px;padding:24px 21px}.hero-logo{width:285px;height:285px;right:-72px;top:35px;opacity:.95}.hero-content{width:100%;min-width:0;min-height:290px}.hero h2{font-size:37px;max-width:225px;margin-top:28px}.hero-copy{font-size:12px;max-width:180px}.hero-actions{width:100%}.hero-actions .primary{flex:1}.hero:after{background:linear-gradient(90deg,#061944f5 0%,#061944bb 48%,transparent 90%)}.stats{gap:8px}.stat{display:block;padding:13px 11px}.stat-icon{display:none}.stat small{font-size:8px}.stat strong{font-size:16px}.lower{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr;gap:10px}.plan{min-height:175px;padding:20px 17px}.plan.featured{transform:none}.plan h3{margin-top:21px}.plan strong{font-size:26px}.banner{gap:15px;padding:20px}.banner-logo{width:70px;height:70px}.banner h2{font-size:20px}.gate{display:block;padding:25px;min-height:430px}.gate img{display:block;width:225px;margin:24px auto 0}.gate h1{font-size:35px}.mini-footer{display:block;padding-bottom:105px}.mini-footer span:last-child{margin-top:7px;flex-wrap:wrap}.splash-water{width:225px;height:225px}.splash-logo{width:155px;height:155px}dialog{margin:auto auto calc(8px + env(safe-area-inset-bottom));border-radius:27px}.bottom-nav{bottom:calc(9px + env(safe-area-inset-bottom))}}
@media(max-width:370px){.app-shell{padding-inline:14px}.brand{font-size:17px;letter-spacing:3px}.hero h2{font-size:34px}.hero-logo{right:-92px}.plans{grid-template-columns:1fr}.plan{min-height:150px}.splash-copy h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.splash-progress i{transform:none}}

/* Layout corrections v2 */
.brand{gap:0;font-size:22px;font-weight:900;letter-spacing:3.2px;text-shadow:0 2px 18px #78cfff35}
.brand small{font-size:11px;font-weight:900;color:#d7edff;letter-spacing:1.8px;margin-left:2px}
.avatar{display:grid;place-items:center;color:#dff4ff;background:linear-gradient(145deg,#ffffff1c,#69c7ff12)}
.avatar .icon{width:23px;height:23px;stroke-width:1.9}
.hero-visual{position:absolute;right:20px;top:35px;width:300px;height:300px;border-radius:50%;filter:drop-shadow(0 22px 45px #00165cab);animation:float 7s ease-in-out infinite}
.hero-visual:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid #aee8ff22;box-shadow:inset 0 0 45px #75d8ff16}
.hero-logo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block;object-fit:cover;object-position:center;border-radius:50%;filter:none;animation:none}
.profile-avatar{flex:0 0 74px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#dff5ff;border:1px solid #cceaff35;background:linear-gradient(145deg,#65c9ff2e,#ffffff0b);box-shadow:inset 0 1px #ffffff2b,0 15px 35px #00133f66}
.profile-avatar .icon{width:31px;height:31px}
.plan{min-height:178px;display:flex;flex-direction:column}
.plan h3{margin:24px 0 8px}
.plan p{margin-top:auto;padding-top:7px}
.plan.featured{transform:none;box-shadow:inset 0 1px 0 #ffffff28,0 15px 40px #0a55bd35}
@media(max-width:760px){.brand{font-size:20px;letter-spacing:2.8px}.brand small{font-size:10px}.hero-visual{width:205px;height:205px;right:8px;top:48px}.hero-logo{right:auto;top:auto;opacity:1}.hero h2{max-width:220px}.plan{min-height:155px;padding:18px 16px}.plan h3{margin:18px 0 7px}.plan strong{font-size:25px}.profile-avatar{flex-basis:64px;width:64px;height:64px}.profile-avatar .icon{width:27px;height:27px}}
@media(max-width:370px){.brand{font-size:18px;letter-spacing:2.3px}.hero-visual{width:185px;height:185px;right:5px;top:58px}.plans{gap:8px}.plan{padding:16px 13px}.plan strong{font-size:22px}}