@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--bg:#050816;--panel:#0c1327;--line:#1b2947;--text:#f4f7ff;--muted:#93a1bb;--cyan:#40e9ff;--blue:#4d7cff;--violet:#9b5cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 72% 8%,#16327a55,transparent 31%),radial-gradient(circle at 25% 50%,#59248722,transparent 28%)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:700 17px Space Grotesk;letter-spacing:1.6px}.brand>span:last-child span{color:var(--cyan)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:22px;color:#061022;box-shadow:0 0 28px #42dffc55}.nav-links{display:flex;gap:36px;color:#bec8da;font-size:14px}.nav-links a:hover{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#0b1224aa;color:var(--cyan);font:700 12px Manrope;cursor:pointer}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 23px;border-radius:13px;border:1px solid var(--line);font-size:14px;font-weight:700;transition:.25s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button.primary{border:0;color:#03111b;background:linear-gradient(100deg,var(--cyan),#52a8ff);box-shadow:0 12px 35px #21c9f533}.button.soft{background:#121c35aa}.button.ghost{min-height:42px;background:#0b1224aa}
.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow,.section-title>span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2.2px}.eyebrow i{width:7px;height:7px;display:inline-block;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px var(--cyan);margin-right:8px}.hero h1{font:700 clamp(55px,7vw,90px)/.96 Space Grotesk;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#93a5ff 70%);color:transparent;background-clip:text}.hero-copy>p{max-width:600px;font-size:18px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin:32px 0}.trust{display:flex;gap:22px;color:#75839d;font-size:12px}
.planet-wrap{height:610px;position:relative;display:grid;place-items:center;perspective:800px}.planet{width:390px;height:390px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 32% 28%,#548eff,#183a95 28%,#081945 68%,#020715);box-shadow:inset -40px -30px 70px #01030d,0 0 80px #265ed966,0 0 180px #2554b833}.planet:before,.planet:after{content:"";position:absolute;border-radius:48%;background:#55eaff18;filter:blur(2px)}.planet:before{width:210px;height:120px;left:4px;top:95px;transform:rotate(24deg)}.planet:after{width:240px;height:110px;right:-20px;bottom:65px;transform:rotate(-15deg)}.grid{position:absolute;inset:-20%;border-radius:50%;opacity:.25;background:repeating-radial-gradient(ellipse,#64f4ff 0 1px,transparent 2px 31px),repeating-linear-gradient(90deg,transparent 0 34px,#62eaff 35px 36px)}.planet:after{box-shadow:inset 0 0 20px #65eaff}.orbit{position:absolute;width:530px;height:190px;border:1px solid #59e9ff4c;border-radius:50%;transform:rotate(-18deg);z-index:2}.orbit-b{width:590px;height:250px;transform:rotate(30deg)}.orbit b{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 15px var(--cyan);left:70%;top:3px}.orbit-b b{left:8%;top:65%}.pin{position:absolute;width:10px;height:10px;background:var(--cyan);border:2px solid white;border-radius:50%;box-shadow:0 0 20px var(--cyan);z-index:3}.p1{top:34%;left:28%}.p2{top:53%;right:25%}.p3{bottom:22%;left:52%}.status-pill{position:absolute;right:4px;bottom:86px;z-index:4;display:flex;gap:12px;align-items:center;padding:13px 18px;background:#0a1226dc;border:1px solid #ffffff19;border-radius:15px;box-shadow:0 18px 50px #0008;backdrop-filter:blur(12px);font-size:13px;font-weight:700}.status-pill i{width:10px;height:10px;border-radius:50%;background:#46efb5;box-shadow:0 0 13px #46efb5}.status-pill small{display:block;color:#72819b;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:35px 0}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:700 26px Space Grotesk;color:var(--cyan)}.stats span{font-size:12px;color:var(--muted)}.section{padding:125px 0}.section-title h2,.download h2{font:700 clamp(38px,5vw,58px)/1.08 Space Grotesk;margin:13px 0}.section-title>p,.download p{color:var(--muted)}.centered{text-align:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.features article{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111a31cc,#080d1c88);transition:.3s}.features article:hover{transform:translateY(-6px);border-color:#43dff966}.features i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#17294c;color:var(--cyan);font:normal 25px Space Grotesk}.features h3{font-size:18px;margin:25px 0 10px}.features p{font-size:14px;line-height:1.7;color:var(--muted)}
.plans-section{background:linear-gradient(180deg,transparent,#0b1230 45%,transparent)}.plans{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:18px;margin-top:55px}.plans article{padding:38px;border-radius:24px;border:1px solid var(--line);background:#0b1224;position:relative}.plans .popular{padding-block:52px;border-color:#45deff77;box-shadow:0 25px 75px #124ca044;background:linear-gradient(160deg,#142447,#0a1123)}.badge{position:absolute;right:24px;top:22px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1px}.plan-name{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.price{font:700 54px Space Grotesk;margin:17px 0}.price sup{font-size:20px;color:var(--cyan)}.price small{font:500 12px Manrope;color:var(--muted);margin-left:8px}.plans ul{list-style:none;padding:0;margin:25px 0}.plans li{font-size:13px;margin:14px 0;color:#bec9dc}.plans li:before{content:"✓";color:var(--cyan);margin-right:10px}.plans .button{width:100%}
.download{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.download-cards{display:grid;gap:14px}.download-cards a{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#0d1528;transition:.25s}.download-cards a:hover{border-color:#4ae3ff88;transform:translateX(5px)}.download-cards i{font-style:normal;font-size:25px;color:var(--cyan)}.download-cards span{font-weight:700}.download-cards small{display:block;color:var(--muted);font-weight:500}.download-cards b{margin-left:auto;color:var(--cyan)}footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
/* cabinet */
.cabinet-body{min-height:100vh}.auth-shell{min-height:calc(100vh - 88px);display:grid;place-items:center}.auth-card{width:min(440px,100%);padding:38px;border:1px solid var(--line);border-radius:25px;background:#0b1328dd;box-shadow:0 30px 100px #0008}.auth-card h1{font:700 34px Space Grotesk;margin:0 0 8px}.auth-card>p{color:var(--muted);font-size:14px}.field{display:grid;gap:7px;margin-top:18px;font-size:12px;color:#afbad0}.field input{width:100%;height:50px;padding:0 15px;color:white;background:#060b18;border:1px solid var(--line);border-radius:12px;outline:0}.field input:focus{border-color:var(--cyan)}.auth-card .button{width:100%;margin-top:22px}.error{color:#ff7891;font-size:12px;min-height:18px;margin-top:12px}.cabinet{padding:45px 0 90px}.cab-top{display:flex;justify-content:space-between;align-items:end}.cab-top h1{font:700 42px Space Grotesk;margin:5px 0}.cab-top p{color:var(--muted)}.dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:30px 0}.glass{border:1px solid var(--line);border-radius:22px;background:#0b1326cc;padding:28px}.balance{font:700 58px Space Grotesk}.balance small{font-size:17px;color:var(--cyan)}.sub-status{display:flex;justify-content:space-between;align-items:center}.sub-status b{font-size:22px}.active-dot{color:#4de8b5}.cab-plans{grid-template-columns:repeat(3,1fr);margin-top:25px}.transactions{margin-top:35px}.tx{display:grid;grid-template-columns:1fr 130px 90px;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.tx small{display:block;color:var(--muted)}.positive{color:#48e9b5}.negative{color:#ff9a70}.hidden{display:none!important}
@media(max-width:850px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.planet-wrap{height:500px}.planet{width:300px;height:300px}.orbit{width:390px}.orbit-b{width:430px}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stats div:nth-child(2){border:0}.features,.plans,.cab-plans{grid-template-columns:1fr}.plans .popular{padding-block:38px}.download{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}}@media(max-width:520px){.wrap{width:min(100% - 26px,1180px)}.nav .button{padding:0 13px}.hero{min-height:0}.hero h1{font-size:50px}.hero-actions{flex-direction:column}.trust{flex-wrap:wrap}.planet-wrap{transform:scale(.85);margin-inline:-35px}.section{padding:90px 0}.download{gap:35px}.cab-top{display:block}.tx{grid-template-columns:1fr auto}.tx>span:last-child{display:none}}
.hero h1,.section-title h2,.download h2,.auth-card h1,.cab-top h1,.price,.balance,.stats b{font-family:Manrope,Arial,sans-serif}
.rings{position:absolute;inset:0;z-index:3;pointer-events:none}.ring{position:absolute;left:50%;top:50%;border:1px solid #8cf8ff73;border-radius:50%;box-shadow:0 0 18px #39dcff22}.ring b{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 18px #67f6ff;top:-5px;left:calc(50% - 5px)}.ring b.alt{top:auto;bottom:-5px;left:18%}
.ring.a{width:500px;height:168px;margin:-84px 0 0 -250px;animation:spin-a 9s linear infinite}
.ring.b{width:560px;height:214px;margin:-107px 0 0 -280px;animation:spin-b 13s linear infinite}
.ring.c{width:430px;height:300px;margin:-150px 0 0 -215px;animation:spin-c 17s linear infinite}
.ring.d{width:620px;height:250px;margin:-125px 0 0 -310px;animation:spin-d 21s linear infinite}
.ring.e{width:360px;height:360px;margin:-180px 0 0 -180px;animation:spin-e 27s linear infinite}
.ring.f{width:660px;height:190px;margin:-95px 0 0 -330px;animation:spin-f 11s linear infinite}
.grid{animation:grid-spin 36s linear infinite}
@keyframes spin-a{from{transform:rotate(18deg)}to{transform:rotate(378deg)}}
@keyframes spin-b{from{transform:rotate(150deg)}to{transform:rotate(-210deg)}}
@keyframes spin-c{from{transform:rotate(-35deg)}to{transform:rotate(325deg)}}
@keyframes spin-d{from{transform:rotate(70deg)}to{transform:rotate(430deg)}}
@keyframes spin-e{from{transform:rotate(110deg)}to{transform:rotate(-250deg)}}
@keyframes spin-f{from{transform:rotate(-12deg)}to{transform:rotate(-372deg)}}
@keyframes grid-spin{to{transform:rotate(360deg)}}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0;padding:5px;border:1px solid var(--line);border-radius:14px;background:#060b18}.auth-tabs button{height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 13px Manrope;cursor:pointer}.auth-tabs button.active{background:#152443;color:var(--cyan);box-shadow:inset 0 0 0 1px #45e5ff33}
.orbit-a{animation:orbit-a 13s linear infinite}.orbit-b{animation:orbit-b 19s linear infinite reverse}.planet{animation:planet-float 6s ease-in-out infinite}.pin{animation:pin-pulse 1.8s ease-in-out infinite}.p2{animation-delay:.6s}.p3{animation-delay:1.2s}
@keyframes orbit-a{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}@keyframes orbit-b{from{transform:rotate(30deg)}to{transform:rotate(390deg)}}@keyframes planet-float{0%,100%{translate:0 -5px}50%{translate:0 8px}}@keyframes pin-pulse{0%,100%{scale:1;opacity:.8}50%{scale:1.55;opacity:1}}