@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf7;background:#0a0f17;font-synthesis:none;--bg:#0a0f17;--surface:#0f1622;--surface2:#121b29;--surface3:#172234;--line:#223047;--line2:#2a3a54;--text:#e7edf7;--muted:#8c99ad;--faint:#637188;--blue:#6d8fff;--blue2:#8ca8ff;--green:#4fd1a3;--amber:#f0b96a;--red:#ef7784;--shadow:0 18px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(87,119,220,.12),transparent 32%),linear-gradient(180deg,#0a0f17,#090e15)}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#0c121cf7;border-right:1px solid #1d2a3d;padding:18px 13px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:7px 10px 23px}.brand-mark{width:40px;height:40px;border:1px solid #344766;background:linear-gradient(145deg,#17243a,#0e1624);border-radius:12px;display:grid;place-items:center;color:#8da9ff;box-shadow:0 8px 30px #4669be29}.brand strong{display:block;font-size:14px;letter-spacing:-.01em}.brand span{display:block;font-size:8px;letter-spacing:.18em;color:#718096;margin-top:4px}.side-label{font-size:9px;letter-spacing:.16em;font-weight:700;color:#56657b;padding:12px 12px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;color:#8997aa;padding:10px 12px;border-radius:9px;margin:2px 0;text-align:left;font-size:12px;transition:.18s ease}.nav-item:hover{background:#131d2c;color:#dce5f3}.nav-item.active{background:linear-gradient(90deg,#17253c,#131e2e);color:#b9cbff;border-color:#2b3d5a}.nav-item.active svg:first-child{color:#88a4ff}.nav-item svg:last-child{margin-left:auto}.sidebar-bottom{margin-top:auto}.online{font-size:10px;color:#66758a;padding:12px;display:flex;gap:8px;align-items:center;border-top:1px solid #1c2839;margin-bottom:4px}.online span,.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #4fd1a38c}.mobile-close{display:none;margin-left:auto;background:none;border:0;color:#8996a9}.main{margin-left:264px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #1b2738;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#090e16e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:7px;font-size:12px}.breadcrumbs span{color:#5f6d82}.breadcrumbs b{font-weight:600;color:#d4dce8}.top-user{display:flex;gap:9px;align-items:center;color:#aab6c8;font-size:12px}.avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#17243b;border:1px solid #2b3e5e;color:#a8beff;font-weight:700}.mobile-menu{display:none;background:none;border:0;color:#b9c4d7}.page{max-width:1420px;margin:auto;padding:42px 44px 78px}.page-head{max-width:900px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#7895db;font-weight:800;margin:0 0 10px}.page-head h1{font-size:39px;line-height:1.06;margin:0 0 11px;letter-spacing:-.04em}.page-head>p:last-child,.hero-copy>p{color:var(--muted);line-height:1.7;margin:0}.hero{min-height:570px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:56px;align-items:center}.hero h1{font-size:61px;line-height:.99;letter-spacing:-.058em;max-width:720px;margin:10px 0 22px}.hero-copy>p{font-size:16px;max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.primary,.secondary{border-radius:9px;padding:11px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;font-size:12px;font-weight:650;transition:.18s ease}.primary{background:#edf2ff;color:#0c1420;box-shadow:0 9px 28px #7a97eb1f}.primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 13px 34px #7a97eb33}.secondary{background:#111a27;color:#c8d3e3;border-color:#2a394f}.secondary:hover{background:#172233;transform:translateY(-1px)}.wide{width:100%}.hero-visual{height:460px;border:1px solid #223049;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,#101927,#0b111a);box-shadow:var(--shadow)}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(127,153,207,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(127,153,207,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,rgba(96,129,215,.09),transparent 38%);pointer-events:none}.visual-node{position:absolute;width:158px;padding:15px;border:1px solid #2a3a54;background:#0f1723f0;border-radius:12px;display:flex;flex-direction:column;gap:5px;box-shadow:0 16px 45px #00000047;z-index:2}.visual-node svg{color:#88a5ff}.visual-node b{font-size:12px}.visual-node small{color:#728096;font-size:10px}.internet{left:28px;top:52px}.bridge{right:25px;top:134px}.nginx{left:48px;top:264px}.app{right:25px;bottom:42px}.line{position:absolute;height:1px;background:linear-gradient(90deg,#5273b4,#5273b414);transform-origin:left;z-index:1}.l1{left:180px;top:112px;width:190px;transform:rotate(16deg)}.l2{left:246px;top:308px;width:190px;transform:rotate(-26deg)}.l3{left:188px;top:335px;width:210px;transform:rotate(25deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid var(--line);background:#0f1622e0;border-radius:12px;padding:18px;display:flex;gap:13px;align-items:center;min-height:84px;transition:.18s ease}.stat:hover{transform:translateY(-2px);border-color:#334766;box-shadow:0 14px 40px #00000029}.stat-icon{width:35px;height:35px;border:1px solid #2a3b58;border-radius:9px;display:grid;place-items:center;color:#88a5ff}.stat-icon svg{width:17px}.stat b{display:block;font-size:18px;letter-spacing:-.02em}.stat span{display:block;color:#738198;font-size:10px;margin-top:3px}.section{margin-top:58px}.section-title h2{font-size:25px;letter-spacing:-.025em;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.step-card{border:1px solid #202d42;background:#0d141f;border-radius:12px;padding:19px;min-height:165px;transition:.18s ease}.step-card:hover{transform:translateY(-3px);border-color:#334663;box-shadow:0 15px 40px #0000002b}.step-card span{font-size:10px;color:#607bad;font-family:JetBrains Mono,monospace}.step-card b{display:block;margin:20px 0 8px;font-size:13px}.step-card p{font-size:11px;line-height:1.65;color:#748197;margin:0}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:18px;border:1px solid #202d41;border-radius:12px;overflow:hidden;background:#0d141e}.progress{padding:12px 14px;display:flex;align-items:center;gap:9px;color:#637188;background:#0d141e;font-size:11px;border-right:1px solid #1b2738}.progress:last-child{border-right:0}.progress.active{color:#dce5f5;background:#142033}.progress span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #344158;font-size:10px}.progress.active span{background:#7e9cff;color:#09111e;border-color:#7e9cff}.panel{border:1px solid #223047;background:#0d141e;border-radius:16px;padding:26px;box-shadow:var(--shadow)}.panel-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.panel-title>div{width:38px;height:38px;border:1px solid #2a3b57;border-radius:10px;display:grid;place-items:center;color:#88a5ff;background:#101a2a}.panel-title h2{margin:0;font-size:19px}.panel-title p{margin:5px 0 0;color:#718097;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;color:#8b98ab;font-size:11px;font-weight:500}input,textarea{width:100%;margin-top:7px;background:#090f17;border:1px solid #28364b;color:#e8eef9;border-radius:8px;padding:11px 12px;outline:none;font-size:12px;transition:.18s ease}input:focus,textarea:focus{border-color:#5877b9;box-shadow:0 0 0 3px #5877b91c}textarea{resize:vertical}.check{display:flex;align-items:center;gap:9px;margin-top:17px}.check input{width:auto;margin:0}.actions{display:flex;justify-content:space-between;margin-top:28px;gap:10px}.notice,.warning{display:flex;gap:10px;align-items:flex-start;border:1px solid #293953;background:#101a29;padding:12px;border-radius:9px;color:#8492a7;font-size:11px;margin-top:15px}.notice svg,.warning svg{color:#86a3e7;flex:none}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.review{border:1px solid #202d41;background:#0a1018;border-radius:9px;padding:14px}.review span{display:block;color:#65748b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.review b{display:block;margin-top:6px;font-size:12px;word-break:break-word}.ready-card{border:1px solid #274339;background:linear-gradient(145deg,#0d1918,#0d141d);border-radius:16px;padding:32px;box-shadow:var(--shadow)}.ready-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#10261f;color:#55d5a6;margin-bottom:19px}.ready-card h2{margin:0 0 8px;font-size:23px}.ready-card>p{color:#78869b;font-size:12px}.ready-files{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:23px 0}.ready-files div{padding:11px;border:1px solid #243246;border-radius:8px;display:flex;align-items:center;gap:8px;color:#abb7c8;font-size:11px;background:#0b121b}.ready-files span{margin-left:auto;color:#52cc9f}.architecture{border:1px solid #223047;background:#0c131e;border-radius:17px;padding:34px;display:flex;align-items:center;justify-content:center;gap:17px;min-height:430px;flex-wrap:wrap;box-shadow:var(--shadow)}.flow-node{min-width:178px;border:1px solid #2a3b57;background:#101927;border-radius:12px;padding:18px;text-align:center;transition:.18s ease}.flow-node:hover{transform:translateY(-3px);border-color:#3b5072}.flow-node>div{color:#88a5ff;margin-bottom:9px}.flow-node b{display:block;font-size:12px}.flow-node small{display:block;color:#6f7d92;margin-top:5px;font-size:10px}.flow-arrow{color:#52647f}.route-label{width:100%;text-align:center;color:#7787a0;font-size:11px}.branches{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}.branches>div{display:flex;align-items:center;justify-content:center;gap:12px}.guide{display:grid;gap:12px}.code-card{border:1px solid #202d41;background:#080e15;border-radius:11px;overflow:hidden;box-shadow:0 8px 28px #00000021}.code-head{min-height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2738;background:#101722}.code-head>div{display:flex;align-items:center;gap:8px;color:#c1cbd9;font-size:11px}.copy{background:#172131;border:1px solid #2b3b53;color:#aab7ca;border-radius:7px;padding:6px 8px;display:flex;gap:6px;align-items:center;font-size:10px;transition:.18s}.copy:hover{color:#fff;background:#1d2a3e}.code-note{padding:9px 13px;margin:0;color:#718096;font-size:10px;border-bottom:1px solid #182331}.code-card pre{margin:0;padding:17px;overflow:auto;line-height:1.7;color:#b7c6db;font:11px/1.7 JetBrains Mono,ui-monospace,monospace;white-space:pre;-moz-tab-size:2;tab-size:2}.faq{display:grid;gap:8px}.faq details{background:#0d141e;border:1px solid #223047;border-radius:10px;padding:0 13px;transition:.18s}.faq details:hover{border-color:#32445f}.faq summary{min-height:50px;display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:12px}.faq summary svg:last-child{margin-left:auto;color:#66758a}.faq p{color:#78869b;font-size:11px;line-height:1.7;padding:0 25px}.faq code{display:block;margin:0 25px 15px;padding:9px;background:#070c12;border-radius:6px;color:#9eb3d9;overflow:auto;font:10px JetBrains Mono,monospace}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 18% 15%,rgba(78,113,215,.15),transparent 31%),radial-gradient(circle at 82% 82%,rgba(47,174,139,.07),transparent 30%),#080d15;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(132,159,219,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(132,159,219,.024) 1px,transparent 1px);background-size:42px 42px}.orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(90px);opacity:.16}.orb-a{background:#456bd1;left:-130px;top:-120px}.orb-b{background:#2db28c;right:-140px;bottom:-130px}.login-card{position:relative;width:min(460px,100%);border:1px solid #26364e;background:#0c121cf5;border-radius:18px;padding:34px;box-shadow:0 35px 100px #0000006b}.login-brand{display:flex;gap:11px;align-items:center;margin-bottom:36px}.login-brand b{display:block;font-size:14px}.login-brand span{display:block;font-size:8px;letter-spacing:.16em;color:#68778d;margin-top:3px}.login-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#121e30;color:#8ca7f6;border:1px solid #2a3b58;margin-bottom:20px}.login-card h1{font-size:31px;letter-spacing:-.04em;line-height:1.06;margin:0 0 11px}.muted{color:#7f8ca1;line-height:1.7;font-size:12px}.login-form{display:grid;gap:14px;margin-top:24px}.error{background:#29161b;border:1px solid #56303a;color:#ff9ea9;padding:9px;border-radius:7px;font-size:11px}.secure-foot{display:flex;gap:7px;align-items:center;justify-content:center;color:#59687e;font-size:9px;margin-top:18px}.os-guide{display:grid;gap:11px}.os-tabs{display:flex;gap:4px;background:#0c131d;border:1px solid #223047;padding:4px;border-radius:9px;width:max-content;max-width:100%;overflow:auto}.os-tab{border:0;background:transparent;color:#718096;padding:8px 15px;border-radius:6px;font-size:10px;white-space:nowrap}.os-tab.active{background:#17243a;color:#c5d4f7;box-shadow:inset 0 0 0 1px #304568}.os-banner{display:flex;align-items:center;gap:10px;border:1px solid #263752;background:#101a28;border-radius:9px;padding:12px;color:#8ba7e6}.os-banner b{display:block;color:#d4deee;font-size:11px}.os-banner span{display:block;color:#6e7d93;font-size:9px;margin-top:3px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:17px}.info-card{border:1px solid #223047;background:#0d141e;border-radius:11px;padding:18px;transition:.18s}.info-card:hover{transform:translateY(-2px);border-color:#344866}.info-card>svg{color:#86a3e8;margin-bottom:11px}.info-card b{display:block;font-size:12px}.info-card p{color:#748196;font-size:10px;line-height:1.65;margin-bottom:0}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page{animation:pageIn .35s ease both}.hero-copy{animation:pageIn .45s ease both}.hero-visual{animation:floatPanel 8s ease-in-out infinite}@keyframes floatPanel{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.grid-glow{animation:gridMove 20s linear infinite}@keyframes gridMove{to{background-position:68px 68px}}.visual-node{animation:nodeFloat 6s ease-in-out infinite}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.visual-node:nth-of-type(2){animation-delay:-1.3s}.visual-node:nth-of-type(3){animation-delay:-2.2s}.visual-node:nth-of-type(4){animation-delay:-3.1s}.line{animation:linePulse 3s ease-in-out infinite}@keyframes linePulse{0%,to{opacity:.3}50%{opacity:.95}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4fd1a359}50%{box-shadow:0 0 0 6px #4fd1a300}}.login-card{animation:loginIn .5s cubic-bezier(.2,.75,.2,1) both}@keyframes loginIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1120px){.hero{grid-template-columns:1fr;gap:30px}.hero-visual{max-width:780px;width:100%;margin:auto}.steps{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 60px #00000059}.sidebar.show{transform:translate(0)}.mobile-close,.mobile-menu{display:block}.main{margin-left:0}.topbar{padding:0 17px;height:62px}.page{padding:30px 17px 58px}.hero{min-height:auto;padding:12px 0 28px}.hero h1{font-size:44px}.hero-visual{height:390px}.steps,.branches,.form-grid,.review-grid{grid-template-columns:1fr}.wizard-progress{overflow:auto;display:flex}.progress{min-width:145px}.platform-grid{grid-template-columns:1fr}.page-head h1{font-size:34px}.ready-files{grid-template-columns:1fr}.architecture{padding:22px}.flow-arrow{transform:rotate(90deg)}}@media(max-width:520px){.stats{grid-template-columns:1fr}.hero h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-visual{height:350px}.visual-node{width:128px;padding:12px}.internet{left:13px}.bridge{right:13px}.nginx{left:13px}.app{right:13px}.l1{left:140px;width:120px}.l2{left:130px;width:125px}.l3{left:125px;width:130px}.panel,.ready-card,.login-card{padding:20px}.top-user span{display:none}.actions{flex-direction:column}.actions .primary,.actions .secondary,.hero-actions{width:100%}.hero-actions button{flex:1}.page-head h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}