html { scroll-behavior:smooth; }
body.landing-body { overflow-x:hidden; background:#0a0b14; }
.landing-body::before { background:radial-gradient(circle at 50% -18%,rgba(117,91,210,.24),transparent 34%),radial-gradient(circle at 12% 45%,rgba(102,220,255,.055),transparent 27%),#0a0b14; }
.landing-body::after { opacity:0; }
.landing-shell { position:relative; min-height:100vh; }
.landing-nav-wrap { position:fixed; inset:18px 0 auto; z-index:50; padding:0 24px; pointer-events:none; }
.landing-nav { width:min(1220px,100%); min-height:80px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; margin:0 auto; padding:12px 18px; border:1px solid #303143; border-radius:22px; background:#12131e; box-shadow:0 16px 48px #0005; pointer-events:auto; }
.landing-brand { display:flex; align-items:center; gap:11px; flex:0 0 auto; }
.landing-brand-logo { position:relative; width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:linear-gradient(145deg,rgba(102,220,255,.2),rgba(104,120,255,.32) 55%,rgba(163,140,255,.22)); box-shadow:0 10px 28px rgba(104,120,255,.22),inset 0 1px 0 rgba(255,255,255,.2); }
.landing-brand-logo::after { content:""; position:absolute; inset:2px; border:1px solid rgba(255,255,255,.08); border-radius:9px; pointer-events:none; }
.landing-brand-logo img { width:100%; height:100%; object-fit:cover; }
.landing-brand strong { display:block; font-size:17px; letter-spacing:-.04em; }
.landing-brand small { display:block; margin-top:-1px; color:var(--subtle); font-size:8px; font-weight:850; letter-spacing:.16em; }
.landing-links { display:flex; align-items:center; gap:6px; }
.landing-links a { padding:10px 13px; border-radius:9px; color:#aeb6c8; font-size:12px; font-weight:650; transition:.17s ease; }
.landing-links a:hover,.landing-links a.active { color:#fff; background:rgba(255,255,255,.045); }
.landing-nav-actions { display:flex; align-items:center; gap:9px; margin-left:auto; }
.landing-login { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:0 6px 0 16px; border:1px solid rgba(151,166,201,.16); border-radius:12px; color:#edf0f7; background:rgba(255,255,255,.03); font-size:11px; font-weight:760; transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease),filter .24s var(--ease); }
.landing-login:hover { border-color:rgba(151,166,201,.28); background:rgba(255,255,255,.055); transform:translateY(-1px); }
.landing-login.primary { position:relative; isolation:isolate; overflow:hidden; border-color:rgba(166,157,255,.2); background:linear-gradient(135deg,#7d80ec,#6b60d9 58%,#7657c6); box-shadow:0 10px 28px rgba(86,77,194,.25),inset 0 1px 0 rgba(255,255,255,.2); }
.landing-login.primary::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.14) 48%,transparent 72%); transform:translateX(-120%); transition:transform .55s var(--ease); }
.landing-login.primary:hover { border-color:rgba(190,184,255,.3); background:linear-gradient(135deg,#8588f3,#7267e2 58%,#7d5fce); box-shadow:0 15px 36px rgba(86,77,194,.32),inset 0 1px 0 rgba(255,255,255,.24); }
.landing-login.primary:hover::before { transform:translateX(120%); }
.landing-login-arrow { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:9px; color:#fff; background:rgba(255,255,255,.1); }
.landing-login-arrow .ui-icon { width:14px; height:14px; transition:transform .24s var(--ease); }
.landing-login.primary:hover .landing-login-arrow .ui-icon { transform:translateX(2px); }
.landing-account { position:relative; }
.landing-account summary { list-style:none; }
.landing-account summary::-webkit-details-marker { display:none; }
.landing-account-trigger { min-height:44px; display:flex; align-items:center; gap:9px; padding:4px 4px 4px 5px; border:1px solid transparent; border-radius:14px; color:#f5f7fc; background:transparent; cursor:pointer; transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease); }
.landing-account-trigger:hover,.landing-account[open] .landing-account-trigger { border-color:rgba(151,166,201,.09); background:rgba(255,255,255,.035); box-shadow:0 10px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025); transform:translateY(-1px); }
.landing-account-avatar-wrap { position:relative; flex:0 0 auto; }
.landing-account-avatar { width:34px; height:34px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:50%; color:#fff; background:linear-gradient(135deg,#7968dd,#4e9bd7); box-shadow:0 7px 20px rgba(89,92,210,.18); font-size:12px; font-weight:850; }
.landing-account-avatar img { width:100%; height:100%; object-fit:cover; }
.landing-account-status { position:absolute; right:-1px; bottom:-1px; width:9px; height:9px; border:2px solid #0b0d15; border-radius:50%; background:var(--green); box-shadow:0 0 9px rgba(66,214,164,.55); }
.landing-account-copy { min-width:0; display:flex; align-items:center; padding:0 4px 0 1px; text-align:left; }
.landing-account-name { max-width:135px; overflow:hidden; font-size:11px; font-weight:730; text-overflow:ellipsis; white-space:nowrap; }
.landing-account-chevron { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(151,166,201,.07); border-radius:9px; color:#7a8599; background:rgba(255,255,255,.018); transition:transform .24s var(--ease),color .24s var(--ease),background .24s var(--ease); }
.landing-account-chevron .ui-icon { width:14px; height:14px; }
.landing-account[open] .landing-account-chevron { transform:rotate(180deg); }
.landing-account-trigger:hover .landing-account-chevron,.landing-account[open] .landing-account-chevron { color:#bdc5ff; background:rgba(124,140,255,.07); }
.landing-account-menu { position:absolute; right:0; top:calc(100% + 9px); width:246px; overflow:hidden; padding:8px; border:1px solid rgba(151,166,201,.14); border-radius:16px; background:rgba(13,16,25,.96); box-shadow:0 28px 70px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.03); animation:landingMenuIn .22s var(--ease) both; }
.landing-account-menu::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 15% 0,rgba(124,140,255,.1),transparent 43%); }
.landing-account-menu-head { position:relative; display:flex; align-items:center; gap:10px; margin-bottom:6px; padding:9px; border-bottom:1px solid rgba(151,166,201,.1); }
.landing-account-menu-head .landing-account-avatar { width:34px; height:34px; border-radius:50%; }
.landing-account-menu-head strong { display:block; max-width:165px; overflow:hidden; color:#eef1f7; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.landing-account-menu-head small { display:block; margin-top:2px; color:#707b90; font-size:8px; }
.landing-account-menu-label { position:relative; display:block; padding:5px 10px 4px; color:#566176; font-size:7px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.landing-account-menu a,.landing-account-menu button { position:relative; width:100%; min-height:39px; display:flex; align-items:center; gap:10px; padding:0 10px; border:0; border-radius:9px; color:#c8cfde; background:transparent; font:inherit; font-size:11px; font-weight:700; text-align:left; cursor:pointer; transition:.15s ease; }
.landing-account-menu a:hover,.landing-account-menu button:hover { color:#fff; background:rgba(255,255,255,.06); }
.landing-account-menu .ui-icon { width:16px; height:16px; color:#9d90ea; }
.landing-account-menu form { margin:5px 0 0; padding-top:5px; border-top:1px solid rgba(151,166,201,.12); }
.landing-account-menu form button { color:#ff9caa; }
@keyframes landingMenuIn { from { opacity:0; transform:translateY(-6px) scale(.98); } to { opacity:1; transform:none; } }
.landing-main { position:relative; }
.landing-hero { position:relative; min-height:790px; display:grid; place-items:center; overflow:hidden; padding:150px 24px 90px; }
.landing-atmosphere { position:absolute; inset:78px 0 0; overflow:hidden; pointer-events:none; }
.landing-atmosphere::before { content:""; position:absolute; inset:5% 8% 0; opacity:.34; background-image:radial-gradient(circle,rgba(171,180,255,.38) 1px,transparent 1.5px); background-size:48px 48px; mask-image:radial-gradient(ellipse at center,black,transparent 69%); }
.landing-atmosphere::after { content:""; position:absolute; left:50%; top:48%; width:min(980px,78vw); height:520px; border-radius:50%; background:radial-gradient(ellipse,rgba(112,91,205,.1),rgba(75,98,205,.035) 42%,transparent 70%); transform:translate(-50%,-50%); }
/* Yumuşak ışığı filtre katmanları yerine doğrudan gradyanlarla çiz. */
.landing-glow { position:absolute; border-radius:50%; opacity:.72; }
.landing-glow.one { left:10%; top:25%; width:360px; height:300px; background:radial-gradient(ellipse,rgba(102,84,203,.13),transparent 72%); }
.landing-glow.two { right:8%; top:14%; width:330px; height:330px; background:radial-gradient(ellipse,rgba(73,177,221,.09),transparent 72%); }
.landing-glow.three { left:42%; bottom:3%; width:290px; height:230px; background:radial-gradient(ellipse,rgba(145,91,203,.08),transparent 72%); }
.landing-hero::before { content:""; position:absolute; left:50%; top:47%; width:760px; height:480px; border-radius:50%; background:radial-gradient(circle,rgba(110,91,205,.12),transparent 66%); transform:translate(-50%,-50%); }
.landing-banner-watermark { position:absolute; left:50%; top:51%; width:min(980px,78vw); opacity:.035; pointer-events:none; filter:grayscale(1) invert(1) contrast(1.3); mix-blend-mode:screen; transform:translate(-50%,-50%); }
.landing-hero-content { position:relative; z-index:2; width:min(900px,100%); text-align:center; }
.landing-kicker { width:max-content; max-width:100%; display:flex; align-items:center; gap:8px; margin:0 auto 22px; padding:7px 11px; border:1px solid rgba(143,112,217,.25); border-radius:99px; color:#c4b7ff; background:rgba(112,88,195,.1); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.landing-kicker .ui-icon { width:14px; height:14px; }
.landing-hero h1 { margin:0 auto; max-width:850px; font-size:clamp(43px,6.2vw,78px); line-height:1.08; letter-spacing:-.055em; text-wrap:balance; }
.landing-hero h1 span { color:transparent; background:linear-gradient(100deg,#fff 15%,#a99aff 60%,#70ddff); background-clip:text; -webkit-background-clip:text; }
.landing-hero p { max-width:680px; margin:25px auto 0; color:#a9b1c3; font-size:clamp(15px,1.6vw,18px); line-height:1.7; text-wrap:balance; }
.landing-hero-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:11px; margin-top:32px; }
.landing-cta { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 19px; border:1px solid rgba(151,166,201,.25); border-radius:11px; color:#fff; background:#171a28; font-size:13px; font-weight:780; transition:.18s ease; }
.landing-cta .ui-icon { width:18px; height:18px; }
.landing-cta:hover { transform:translateY(-2px); border-color:rgba(151,166,201,.42); background:#1d2131; box-shadow:0 16px 35px rgba(0,0,0,.2); }
.landing-cta.primary { border-color:transparent; background:linear-gradient(135deg,#7b68dd,#6354c8); box-shadow:0 12px 32px rgba(100,84,200,.3); }
.landing-cta.primary:hover { filter:brightness(1.08); }
@media (max-width:900px) { .landing-links { display:none; } .landing-hero { min-height:730px; } }
@media (max-width:620px) { .landing-nav { width:calc(100% - 26px); min-height:68px; gap:14px; } .landing-brand small { display:none; } .landing-nav-actions .landing-login:not(.primary) { display:none; } .landing-login.primary { min-height:40px; padding:0 5px 0 13px; } .landing-login-arrow { width:28px; height:28px; } .landing-account-trigger { min-height:42px; padding:4px; } .landing-account-avatar { width:33px; height:33px; } .landing-account-copy { display:none; } .landing-account-chevron { width:26px; height:26px; } .landing-account-menu { position:fixed; right:13px; top:70px; } .landing-atmosphere::before { opacity:.2; background-size:42px 42px; } .landing-glow { opacity:.48; } .landing-hero { min-height:680px; padding:125px 17px 70px; } .landing-hero h1 { font-size:clamp(39px,12vw,56px); } .landing-hero p { font-size:14px; } .landing-hero-actions { align-items:stretch; flex-direction:column; width:min(340px,100%); margin-right:auto; margin-left:auto; } .landing-cta { width:100%; } }
/* Cam hissi statik gradyanlardan gelir; kaydırmada canlı backdrop filtresi kullanılmaz. */
.landing-body::before {
background:
radial-gradient(circle at 48% -8%,rgba(124,108,235,.27),transparent 34%),
radial-gradient(circle at 8% 42%,rgba(66,190,225,.095),transparent 25%),
radial-gradient(circle at 92% 64%,rgba(153,102,229,.075),transparent 27%),
#090b13;
background-size:112% 112%;
/* Cam görünümünü koru; boşta sürekli arka plan boyamasını engelle. */
animation:none;
}
.landing-main { background:radial-gradient(circle at 88% 36%,rgba(86,126,231,.055),transparent 24%),radial-gradient(circle at 8% 70%,rgba(105,207,226,.04),transparent 22%); }
.landing-brand-logo {
width:48px; height:48px; flex:0 0 auto; border:1px solid #ffffff26;
border-radius:15px; background:#e8edef; box-shadow:none;
}
.landing-brand strong { font-size:23px; letter-spacing:-.055em; line-height:1.15; }
.landing-brand small { margin-top:5px; font-size:9px; font-weight:500; letter-spacing:.07em; color:#9795ae; }
.landing-links { gap:4px; }
.landing-links a { position:relative; padding:14px 15px; border:0; border-radius:0; font-size:13px; font-weight:550; transition:color .18s ease; }
.landing-links a:hover,.landing-links a.active { color:#e6dcff; background:transparent; box-shadow:none; }
.landing-links a::after { content:""; position:absolute; left:15px; right:15px; bottom:4px; height:2px; border-radius:2px; background:#b9a0ff; transform:scaleX(0); transition:transform .18s ease; }
.landing-links a.active::after { transform:scaleX(1); }
.landing-nav :is(a,summary):focus-visible { outline:2px solid #c4b2ff; outline-offset:4px; }
.landing-nav-actions { justify-self:end; min-width:0; }
.landing-login.primary {
border-color:rgba(222,226,255,.22);
background:linear-gradient(135deg,rgba(143,153,255,.83),rgba(111,98,222,.78));
box-shadow:0 15px 38px rgba(76,70,185,.24),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(47,42,132,.18);
}
.landing-login.primary:hover { background:linear-gradient(135deg,rgba(157,166,255,.9),rgba(124,109,231,.84)); box-shadow:0 19px 44px rgba(76,70,185,.32),inset 0 1px 0 rgba(255,255,255,.4); }
.landing-login-arrow { border-color:rgba(255,255,255,.16); background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06)); box-shadow:inset 0 1px 0 rgba(255,255,255,.15); }
.landing-account-trigger,.landing-account-menu {
border-color:rgba(238,244,255,.11);
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022)),rgba(11,14,23,.46);
box-shadow:0 18px 50px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.1);
}
.landing-account-menu { background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022)),rgb(11,14,23); }
.landing-account-trigger:hover,.landing-account[open] .landing-account-trigger { border-color:rgba(208,217,255,.18); background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(124,140,255,.04)),rgba(12,15,25,.48); }
.landing-account-chevron { border-color:rgba(238,244,255,.09); background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.landing-account-trigger { min-height:52px; gap:12px; padding:6px 10px 6px 6px; border:1px solid rgba(167,155,221,.18); border-radius:16px; background:linear-gradient(120deg,#1c1c2b,#14151f); box-shadow:inset 0 1px 0 #ffffff06; }
.landing-account-trigger:hover,.landing-account[open] .landing-account-trigger { border-color:#a89ad866; background:linear-gradient(120deg,#242236,#191a28); box-shadow:0 8px 24px #00000024; transform:none; }
.landing-account-trigger:focus-visible { outline:2px solid #c4b5fd; outline-offset:4px; }
.landing-account-avatar { width:38px; height:38px; border-radius:12px; border-color:#c4b5fd40; box-shadow:none; }
.landing-account-status { right:-2px; bottom:-2px; width:10px; height:10px; border-color:#181925; background:#67d9b0; box-shadow:none; }
.landing-account-name { max-width:150px; font-size:13px; font-weight:650; letter-spacing:-.02em; }
.landing-account-chevron { width:26px; height:28px; margin-left:2px; border:0; border-radius:8px; background:#ffffff05; box-shadow:none; color:#9b94af; }
.landing-account-menu { top:calc(100% + 12px); width:272px; max-width:calc(100vw - 40px); padding:8px; border:1px solid #aaa0d52e; border-radius:18px; background:#14151f; box-shadow:0 24px 64px #00000066; }
.landing-account-menu::before { background:linear-gradient(130deg,#a78bfa0a,transparent 55%); }
.landing-account-menu-head { gap:12px; padding:12px 10px 16px; margin-bottom:8px; border-bottom-color:#ffffff0d; }
.landing-account-menu-head .landing-account-avatar { width:42px; height:42px; border-radius:13px; flex-shrink:0; }
.landing-account-menu-head strong { max-width:180px; font-size:13px; font-weight:650; }
.landing-account-menu-head small { margin-top:4px; color:#a4a1b6; font-size:11px; }
.landing-account-menu-label { padding:4px 12px 8px; color:#928ca6; font-size:9px; font-weight:650; letter-spacing:.1em; }
.landing-account-menu a,.landing-account-menu button { min-height:44px; gap:12px; padding:0 12px; border-radius:10px; font-size:12px; font-weight:550; }
.landing-account-menu a:hover,.landing-account-menu a:focus-visible,.landing-account-menu button:focus-visible { color:#f5f1ff; background:#a78bfa14; outline:2px solid transparent; }
.landing-account-menu .ui-icon { width:18px; height:18px; color:#b4a4df; }
.landing-account-menu form { margin-top:8px; padding-top:8px; border-top-color:#ffffff0d; }
.landing-account-menu form button,.landing-account-menu form .ui-icon { color:#eaa0ae; }
.landing-account-menu form button:hover,.landing-account-menu form button:focus-visible { background:#eaa0ae0d; }
@media (max-width:620px) { .landing-account-trigger { min-height:46px; gap:7px; padding:5px; border-radius:14px; } .landing-account-avatar { width:34px; height:34px; border-radius:10px; } .landing-account-chevron { width:22px; margin:0; } }
@media (prefers-reduced-motion:reduce) { .landing-account-trigger,.landing-account-chevron { transition:none; } .landing-account-menu { animation:none; } }
.landing-kicker {
border:1px solid rgba(218,224,255,.13);
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022)),rgba(32,27,65,.25);
box-shadow:0 16px 42px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.1);
}
.landing-cta {
border-color:rgba(238,244,255,.14);
background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(16,19,31,.46);
box-shadow:0 16px 40px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.12);
transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease),filter .28s var(--ease);
}
.landing-cta:hover { border-color:rgba(238,244,255,.24); background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),rgba(18,22,35,.52); box-shadow:0 22px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.17); }
.landing-cta.primary { border-color:rgba(213,218,255,.2); background:linear-gradient(135deg,rgba(137,145,250,.84),rgba(105,88,207,.78)); box-shadow:0 18px 45px rgba(83,70,190,.27),inset 0 1px 0 rgba(255,255,255,.31); }
@media (max-width:1000px) {
.landing-nav { gap:14px; grid-template-columns:auto 1fr auto; }
.landing-brand small { display:none; }
.landing-links { justify-content:center; }
.landing-links a { padding-inline:10px; }
.landing-account-name { max-width:100px; }
}
@media (max-width:900px) {
.landing-nav-wrap { inset:10px 0 auto; padding:0 12px; }
.landing-nav { width:100%; grid-template-columns:1fr auto; gap:8px 14px; padding:10px 14px 6px; border-radius:20px; }
.landing-links { display:flex; grid-column:1 / -1; grid-row:2; justify-content:space-around; border-top:1px solid #ffffff0d; }
.landing-links a { padding:12px 8px; font-size:12px; white-space:nowrap; }
.landing-links a::after { left:8px; right:8px; bottom:3px; }
.landing-brand-logo { width:40px; height:40px; border-radius:12px; }
.landing-brand strong { font-size:21px; }
.landing-nav-actions { grid-column:2; grid-row:1; }
.landing-account-menu { position:absolute; right:0; top:calc(100% + 12px); width:min(280px,calc(100vw - 52px)); }
.landing-hero { padding-top:180px; }
}
.landing-legal-wrap { width:min(900px,calc(100% - 32px)); margin:120px auto 60px; padding:36px 40px; border-radius:20px; background:#12131e; border:1px solid rgba(255,255,255,.08); box-shadow:0 20px 50px rgba(0,0,0,.4); }
@media (max-width:640px) { .landing-legal-wrap { margin-top:90px; padding:24px 20px; } }
.legal-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(124,140,255,.12); border:1px solid rgba(124,140,255,.25); color:#a5b4fc; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.06em; margin-bottom:14px; }
.legal-title { font-size:32px; font-weight:800; color:#f8fafc; letter-spacing:-.02em; margin:0 0 8px 0; }
.legal-updated { font-size:13px; color:#8490a8; margin-bottom:28px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.07); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.legal-actions { display:flex; gap:8px; flex-wrap:wrap; }
.legal-nav-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:10px; font-size:12px; font-weight:650; text-decoration:none; color:#aeb6c8; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); transition:all .18s; }
.legal-nav-pill:hover, .legal-nav-pill.active { color:#fff; background:rgba(124,140,255,.18); border-color:rgba(124,140,255,.35); }
.legal-content { font-size:14.5px; line-height:1.75; color:#cbd5e1; }
.legal-content h2 { font-size:20px; font-weight:750; color:#f1f5f9; margin:28px 0 12px 0; letter-spacing:-.01em; display:flex; align-items:center; gap:8px; }
.legal-content h2::before { content:""; width:4px; height:18px; border-radius:2px; background:linear-gradient(180deg,#818cf8,#6366f1); display:inline-block; }
.legal-content p { margin:0 0 16px 0; }
.legal-content ul { margin:0 0 20px 0; padding-left:22px; }
.legal-content li { margin-bottom:8px; }
.legal-content li::marker { color:#818cf8; }
.legal-content code { padding:2px 6px; border-radius:6px; font-size:12.5px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); color:#38bdf8; font-family:monospace; }
.legal-content strong { color:#f8fafc; }
.landing-section { position:relative; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:84px 0; scroll-margin-top:110px; }
.landing-section-heading { max-width:600px; margin-bottom:36px; }
.landing-section-heading > span,.landing-eyebrow { display:block; color:#b6a8ff; font-size:11px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
.landing-section-heading h2 { margin:16px 0 0; font-size:clamp(30px,3.3vw,43px); line-height:1.17; letter-spacing:-.045em; text-wrap:balance; }
.landing-section-heading p { margin:18px 0 0; color:#a2adbf; font-size:14px; line-height:1.8; }
.landing-features-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; max-width:none; margin-bottom:28px; }
.landing-features-heading > div { max-width:640px; }
.landing-features-heading > p { max-width:380px; margin:0 0 3px; color:#a9b4c8; font-size:14px; line-height:1.75; }
.landing-feature-pills { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 32px; }
.landing-feature-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border:1px solid #ffffff14; border-radius:999px; background:linear-gradient(135deg,#ffffff0a,#ffffff03); color:#d5dcf0; font-size:11.5px; font-weight:650; letter-spacing:.01em; box-shadow:inset 0 1px 0 #ffffff12; }
.landing-feature-pill i { width:7px; height:7px; border-radius:50%; background:#a794ff; box-shadow:0 0 10px #a794ff; }
.landing-feature-pill:nth-child(2) i { background:#65cdb4; box-shadow:0 0 10px #65cdb4; }
.landing-feature-pill:nth-child(3) i { background:#74afff; box-shadow:0 0 10px #74afff; }
.landing-feature-pill:nth-child(4) i { background:#ebb572; box-shadow:0 0 10px #ebb572; }
.landing-features { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.landing-feature { transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease); --feature-rgb:167,148,255; position:relative; overflow:hidden; min-width:0; grid-column:span 2; display:flex; flex-direction:column; padding:28px; border:1px solid #ffffff14; border-radius:22px; background:radial-gradient(ellipse at 0 0,rgba(var(--feature-rgb),.13),transparent 68%),radial-gradient(ellipse at 100% 100%,rgba(var(--feature-rgb),.05),transparent 60%),linear-gradient(165deg,#131726 0%,#0d101a 100%); box-shadow:0 18px 44px #00000038,inset 0 1px 0 #ffffff14; }
.landing-feature::before { content:''; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--feature-rgb),.55),transparent); opacity:.75; pointer-events:none; }
.landing-feature:nth-child(1) { --feature-rgb:167,148,255; grid-column:span 3; }
.landing-feature:nth-child(2) { --feature-rgb:116,175,255; grid-column:span 3; }
.landing-feature:nth-child(3) { --feature-rgb:101,205,180; grid-column:span 2; }
.landing-feature:nth-child(4) { --feature-rgb:235,181,114; grid-column:span 2; }
.landing-feature:nth-child(5) { --feature-rgb:96,210,245; grid-column:span 2; }
.landing-feature:nth-child(6) { --feature-rgb:244,132,168; grid-column:span 2; }
.landing-feature:nth-child(7) { --feature-rgb:145,164,255; grid-column:span 2; }
.landing-feature:nth-child(8) { --feature-rgb:118,220,165; grid-column:span 2; }
.landing-feature:nth-child(9) { --feature-rgb:196,148,255; grid-column:span 3; }
.landing-feature:nth-child(10) { --feature-rgb:250,165,110; grid-column:span 3; }
.landing-feature:hover { transform:translateY(-4px); border-color:rgba(var(--feature-rgb),.42); box-shadow:0 24px 56px #00000052,0 0 36px rgba(var(--feature-rgb),.08),inset 0 1px 0 rgba(var(--feature-rgb),.28); }
.landing-feature-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.landing-feature-meta { display:inline-flex; align-items:center; gap:8px; }
.landing-feature-kicker { padding:4px 9px; border:1px solid rgba(var(--feature-rgb),.24); border-radius:999px; background:rgba(var(--feature-rgb),.09); color:rgb(var(--feature-rgb)); font-size:9.5px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.landing-feature-number { color:#7c89a1; font-size:11px; font-weight:700; letter-spacing:.12em; font-variant-numeric:tabular-nums; }
.landing-feature-icon { width:46px; height:46px; display:grid; place-items:center; color:rgb(var(--feature-rgb)); border:1px solid rgba(var(--feature-rgb),.25); border-radius:14px; background:linear-gradient(145deg,rgba(var(--feature-rgb),.18),rgba(var(--feature-rgb),.05)); box-shadow:0 10px 24px rgba(var(--feature-rgb),.12),inset 0 1px 0 rgba(255,255,255,.16); }
.landing-feature-icon .ui-icon { width:22px; height:22px; }
.landing-feature h3 { margin:22px 0 9px; color:#f4f6fc; font-size:19px; font-weight:740; line-height:1.3; letter-spacing:-.025em; }
.landing-feature p { margin:0 0 18px; color:#a4b0c4; font-size:13.2px; line-height:1.72; }
.landing-feature-points { list-style:none; margin:0 0 22px; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:8px 14px; }
.landing-feature-points li { display:flex; align-items:center; gap:8px; color:#d0d8e8; font-size:12px; font-weight:550; line-height:1.45; }
.landing-feature-points li::before { content:''; flex:0 0 6px; width:6px; height:6px; border-radius:50%; background:rgb(var(--feature-rgb)); box-shadow:0 0 8px rgba(var(--feature-rgb),.7); }
.landing-feature-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:16px; border-top:1px solid #ffffff0f; }
.landing-feature-tags span { color:#c9d2e3; font-size:10.5px; font-weight:600; letter-spacing:.015em; border:1px solid rgba(var(--feature-rgb),.18); padding:5px 10px; border-radius:7px; background:rgba(var(--feature-rgb),.055); }
.landing-command-section { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:72px; }
.landing-command-section .landing-section-heading { margin:0; }
.landing-command-section .landing-hero-actions { justify-content:flex-start; margin:26px 0 0; }
.landing-command-notes { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:24px; color:#bac5d7; font-size:12px; }
.landing-command-notes span { display:flex; align-items:center; gap:7px; }
.landing-command-notes .ui-icon { width:15px; height:15px; color:#ab9cf4; }
.landing-command-list { min-width:0; overflow:hidden; border:1px solid #a995ff29; border-radius:20px; background:#10131e; box-shadow:0 24px 64px #00000024; }
.landing-window-bar { display:flex; align-items:center; gap:6px; padding:18px 22px; border-bottom:1px solid #ffffff0d; background:#ffffff02; }
.landing-window-bar i { width:6px; height:6px; border-radius:50%; background:#586178; }
.landing-window-bar i:first-child { background:#a998ea; }
.landing-window-title { margin-left:auto; color:#a8b3c8; font-size:9px; font-weight:700; letter-spacing:.16em; }
.landing-command-prompt { display:flex; align-items:center; gap:12px; margin:20px 20px 8px; padding:13px 15px; color:#b8b0e8; font-size:12px; border:1px solid #a995ff26; border-radius:10px; background:#a995ff08; }
.landing-command-prompt .ui-icon { flex:none; width:18px; height:18px; }
.landing-command-row { display:flex; align-items:center; gap:15px; margin:0 12px; padding:17px 10px; border-bottom:1px solid #ffffff0b; }
.landing-command-row:last-child { border-bottom:0; }
.landing-command-slash { display:grid; place-items:center; flex:0 0 34px; height:34px; border:1px solid #ffffff0c; border-radius:9px; background:#ffffff03; color:#b5a4ff; font-size:21px; font-weight:500; }
.landing-command-copy { min-width:0; }
.landing-command-copy strong { display:block; color:#e5e1fa; font-size:13px; font-weight:650; overflow-wrap:anywhere; }
.landing-command-copy small { display:block; margin-top:5px; color:#9ca8be; font-size:11px; line-height:1.6; }
.landing-command-badge { flex:none; margin-left:auto; color:#7e8ba2; font-size:9px; font-weight:650; letter-spacing:.08em; }
.landing-final { padding:64px 0 88px; }
.landing-final-card { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px 48px; padding:48px; border:1px solid #a995ff38; border-radius:24px; background:radial-gradient(ellipse at 0 0,#8c72f226,transparent 65%),#111420; }
.landing-final-card::before { content:''; position:absolute; z-index:-1; width:270px; height:270px; right:-150px; top:-150px; border:1px solid #b29dff20; border-radius:50%; box-shadow:0 0 0 36px #b29dff05,0 0 0 72px #b29dff04; pointer-events:none; }
.landing-final-card h2 { margin:14px 0; max-width:560px; font-size:clamp(28px,3vw,39px); line-height:1.2; letter-spacing:-.045em; text-wrap:balance; }
.landing-final-card p { margin:0; max-width:540px; color:#a8b2c7; font-size:13px; line-height:1.8; }
.landing-final-card .landing-hero-actions { flex-direction:column; align-items:stretch; margin:0; width:205px; gap:10px; }
.landing-final-steps { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:16px 32px; border-top:1px solid #ffffff10; padding-top:23px; color:#b6bfd3; font-size:11px; }
.landing-final-steps span { display:flex; gap:10px; align-items:center; }
.landing-final-steps b { display:grid; place-items:center; width:22px; height:22px; border:1px solid #ffffff18; border-radius:50%; color:#c2b3ff; font-size:10px; font-weight:500; }
.landing-footer { position:relative; border-top:1px solid #ffffff0d; background:#0b0e16; }
.landing-footer-directory { width:min(1180px,calc(100% - 48px)); display:grid; grid-template-columns:1.45fr .85fr 1fr 1fr; gap:40px; margin:0 auto; padding:54px 0 44px; }
.landing-footer-brand > a { display:inline-flex; align-items:center; gap:11px; color:#f1f3fa; font-size:23px; font-weight:750; letter-spacing:-.04em; }
.landing-footer-brand img { width:38px; height:38px; object-fit:contain; }
.landing-footer-brand p { max-width:230px; margin:16px 0 0; color:#96a2b9; font-size:12px; line-height:1.8; }
.landing-footer-group { min-width:0; }
.landing-footer-group h2 { margin:6px 0 18px; color:#e0e5f0; font-size:12px; font-weight:650; }
.landing-footer-group nav { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.landing-footer-link { display:inline-flex; align-items:center; gap:7px; min-height:26px; color:#a2aec3; font-size:12px; line-height:1.6; }
.landing-footer-link .ui-icon { width:12px; height:12px; color:#7c8ba5; }
.landing-footer-link.is-disabled { color:#7d879b; }
.landing-footer a:hover { color:#d2c6ff; }
.landing-language-form { align-items:stretch; flex-direction:column; gap:0; }
.landing-language-form label { display:none; }
.landing-language-form .web-language-select { width:100%; min-width:0; height:42px; border-color:#ffffff17; border-radius:10px; background-color:#121622; }
.landing-footer-meta { border-top:1px solid #ffffff0b; }
.landing-footer-inner { width:min(1180px,calc(100% - 48px)); min-height:72px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#8492aa; font-size:10px; }
.landing-footer-links { display:flex; gap:22px; }
.landing-body a:focus-visible,.landing-body select:focus-visible { outline:2px solid #b6a8ff; outline-offset:5px; }
@media (max-width:900px) {
.landing-section { scroll-margin-top:145px; }
.landing-features-heading { gap:28px; }
.landing-features-heading > p { max-width:260px; }
.landing-feature { padding:22px; }
.landing-command-section { grid-template-columns:1fr 1.1fr; gap:32px; }
.landing-final-card { padding:32px; gap:28px; }
.landing-footer-directory { grid-template-columns:1.3fr 1fr; gap:32px 64px; }
}
@media (max-width:680px) {
.landing-section { width:calc(100% - 36px); padding:54px 0; }
.landing-features-heading { display:block; }
.landing-features-heading > p { max-width:100%; margin-top:18px; }
.landing-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.landing-feature:nth-child(n) { grid-column:span 1; }
.landing-feature-points { grid-template-columns:1fr; }
.landing-command-section { display:grid; grid-template-columns:1fr; gap:28px; }
.landing-command-section .landing-hero-actions { width:100%; }
.landing-command-badge { display:none; }
.landing-final-card { grid-template-columns:1fr; padding:28px; }
.landing-final-card .landing-hero-actions { width:100%; flex-direction:row; flex-wrap:wrap; }
.landing-final-card .landing-cta { width:auto; flex:1 1 150px; }
.landing-final-steps { gap:14px 22px; }
.landing-footer-directory,.landing-footer-inner { width:calc(100% - 36px); }
.landing-footer-directory { grid-template-columns:1fr 1fr; gap:32px 22px; padding:40px 0; }
.landing-footer-brand { grid-column:1 / -1; }
.landing-footer-brand p { max-width:340px; margin-top:10px; }
.landing-footer-group:last-child { grid-column:1 / -1; max-width:260px; width:100%; }
.landing-footer-inner { align-items:flex-start; flex-direction:column; padding:22px 0; gap:16px; }
}
@media (max-width:440px) {
.landing-features { grid-template-columns:1fr; }
.landing-feature:nth-child(n) { grid-column:auto; }
.landing-feature h3 { margin-top:20px; }
.landing-final-card { padding:25px; }
}
@media (prefers-reduced-motion:reduce) { .landing-feature { transition:none; } .landing-feature:hover { transform:none; } }