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); }
.landing-section { position:relative; width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:100px 0; }
.landing-section-heading { max-width:650px; margin-bottom:34px; }
.landing-section-heading.center { margin-right:auto; margin-left:auto; text-align:center; }
.landing-section-heading span { color:#9b8cef; font-size:10px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.landing-section-heading h2 { margin:10px 0 0; font-size:clamp(30px,4vw,46px); line-height:1.12; letter-spacing:-.05em; }
.landing-section-heading p { margin:14px 0 0; color:#929caf; font-size:14px; line-height:1.7; }
.landing-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.landing-feature { position:relative; overflow:hidden; min-height:210px; padding:22px; border:1px solid rgba(137,151,184,.15); border-radius:17px; background:linear-gradient(145deg,rgba(18,21,34,.92),rgba(11,13,22,.86)); box-shadow:0 18px 45px rgba(0,0,0,.16); }
.landing-feature::after { content:""; position:absolute; right:-32px; top:-42px; width:105px; height:105px; border:1px solid rgba(143,112,217,.12); border-radius:50%; }
.landing-feature-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(143,112,217,.2); border-radius:12px; color:#b1a2ff; background:rgba(118,93,202,.1); }
.landing-feature-icon .ui-icon { width:20px; height:20px; }
.landing-feature h3 { margin:24px 0 8px; font-size:15px; }
.landing-feature p { margin:0; color:#929caf; font-size:11px; line-height:1.65; }
.landing-command-section { display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; gap:64px; }
.landing-command-list { overflow:hidden; border:1px solid rgba(137,151,184,.17); border-radius:18px; background:rgba(14,17,28,.9); box-shadow:0 28px 70px rgba(0,0,0,.28); }
.landing-window-bar { display:flex; align-items:center; gap:6px; height:43px; padding:0 16px; border-bottom:1px solid rgba(137,151,184,.13); background:rgba(255,255,255,.018); }
.landing-window-bar i { width:7px; height:7px; border-radius:50%; background:#424a5e; }
.landing-window-title { margin-left:auto; color:#687287; font-size:9px; font-weight:800; letter-spacing:.12em; }
.landing-command-row { display:flex; align-items:center; gap:13px; min-height:63px; padding:12px 16px; border-bottom:1px solid rgba(137,151,184,.1); }
.landing-command-row:last-child { border-bottom:0; }
.landing-command-slash { color:#a896ff; font-size:12px; font-weight:850; }
.landing-command-copy { min-width:0; }
.landing-command-copy strong { display:block; font-size:11px; }
.landing-command-copy small { display:block; overflow:hidden; margin-top:3px; color:#768197; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.landing-command-badge { margin-left:auto; padding:4px 7px; border:1px solid rgba(102,220,255,.16); border-radius:99px; color:#83dff9; background:rgba(102,220,255,.05); font-size:8px; font-weight:800; }
.landing-final { padding-bottom:115px; }
.landing-final-card { position:relative; overflow:hidden; padding:66px 28px; border:1px solid rgba(143,112,217,.23); border-radius:24px; background:linear-gradient(125deg,rgba(105,83,194,.22),rgba(17,20,32,.96) 58%,rgba(102,220,255,.06)); text-align:center; box-shadow:0 30px 80px rgba(0,0,0,.25); }
.landing-final-card::before { content:""; position:absolute; left:-80px; top:-140px; width:320px; height:320px; border:1px solid rgba(143,112,217,.15); border-radius:50%; box-shadow:0 0 0 48px rgba(143,112,217,.022); }
.landing-final-card h2 { position:relative; margin:0; font-size:clamp(29px,4vw,45px); letter-spacing:-.05em; }
.landing-final-card p { position:relative; max-width:600px; margin:14px auto 25px; color:#a0a9bc; font-size:13px; }
.landing-footer { position:relative; overflow:hidden; border-top:1px solid rgba(137,151,184,.12); background:rgba(12,14,24,.72); }
.landing-footer::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 17% 18%,rgba(119,101,214,.065),transparent 30%),radial-gradient(circle at 82% 72%,rgba(91,196,225,.04),transparent 27%); }
.landing-footer-directory { position:relative; width:min(1180px,calc(100% - 40px)); display:grid; grid-template-columns:repeat(3,minmax(180px,260px)); gap:clamp(45px,7vw,100px); margin:0 auto; padding:70px 0 62px; }
.landing-footer-group h2 { margin:0 0 26px; color:#f1f3f9; font-size:13px; font-weight:760; letter-spacing:-.015em; }
.landing-footer-group nav { display:flex; align-items:flex-start; flex-direction:column; gap:16px; }
.landing-footer-link { min-height:20px; display:inline-flex; align-items:center; gap:7px; color:#aeb7ca; font-size:12px; line-height:1.45; transition:color .2s ease,transform .2s ease; }
a.landing-footer-link:hover { color:#fff; transform:translateX(3px); }
.landing-footer-link .ui-icon { width:13px; height:13px; color:#858fa4; transition:color .2s ease,transform .2s ease; }
a.landing-footer-link:hover .ui-icon { color:#bbc5db; transform:translate(1px,-1px); }
.landing-footer-link.is-disabled { color:#5d6679; cursor:not-allowed; }
.landing-footer-meta { position:relative; border-top:1px solid rgba(137,151,184,.1); }
.landing-footer-inner { width:min(1180px,calc(100% - 40px)); min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 auto; color:#6f7a90; font-size:10px; }
.landing-footer-links { display:flex; align-items:center; gap:17px; }
.landing-language-form { align-items:flex-start; flex-direction:column; gap:0; }
.landing-language-form label { display:none; }
.landing-language-form .web-language-select { width:100%; min-width:180px; height:42px; }
.landing-footer a:hover { color:#fff; }
@media (max-width:900px) { .landing-links { display:none; } .landing-hero { min-height:730px; } .landing-features { grid-template-columns:repeat(2,minmax(0,1fr)); } .landing-command-section { grid-template-columns:1fr; gap:35px; } .landing-command-section .landing-section-heading { margin-bottom:0; } .landing-footer-directory { grid-template-columns:repeat(2,minmax(180px,1fr)); } }
@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%; } .landing-section { width:calc(100% - 30px); padding:72px 0; } .landing-features { grid-template-columns:1fr; } .landing-feature { min-height:185px; } .landing-command-section { display:block; } .landing-command-section .landing-section-heading { margin-bottom:28px; } .landing-command-row { padding:10px 12px; } .landing-command-badge { display:none; } .landing-footer-directory { width:calc(100% - 30px); gap:38px; padding:52px 0 46px; } .landing-footer-inner { align-items:flex-start; flex-direction:column; padding:25px 0; } }
@media (max-width:620px) { .landing-footer-directory { grid-template-columns:1fr; gap:42px; } }
/* 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 { gap:10px; padding:5px 10px 5px 5px; border:1px solid #373447; border-radius:30px; background:#201d2d; box-shadow:none; }
.landing-account-name { font-size:12px; }
.landing-account-chevron { width:18px; border:0; background:none; box-shadow:none; color:#b9afce; }
.landing-account-menu { border-radius:18px; }
.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); }
.landing-feature,.landing-command-list,.landing-final-card {
border-color:rgba(238,244,255,.105);
background:
radial-gradient(circle at 12% -6%,rgba(255,255,255,.11),transparent 36%),
linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018) 52%,rgba(111,133,255,.03)),
rgba(12,15,25,.48);
box-shadow:0 28px 72px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.11),inset 1px 0 0 rgba(255,255,255,.035);
}
.landing-feature { transition:transform .2s var(--ease); }
.landing-feature::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 27%,transparent 72%,rgba(137,159,255,.035)); opacity:.7; }
.landing-feature:hover { border-color:rgba(205,218,255,.18); background:radial-gradient(circle at 12% -6%,rgba(255,255,255,.15),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 52%,rgba(111,133,255,.05)),rgba(15,19,31,.53); box-shadow:0 34px 78px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15); transform:translateY(-5px); }
.landing-feature-icon { border-color:rgba(218,225,255,.15); background:linear-gradient(145deg,rgba(165,178,255,.18),rgba(255,255,255,.035)); box-shadow:0 11px 30px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.15); }
.landing-window-bar { background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); }
.landing-command-row { transition:background .22s var(--ease); }
.landing-command-row:hover { background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(124,140,255,.025)); }
.landing-command-badge { border-color:rgba(205,222,255,.13); background:linear-gradient(145deg,rgba(113,215,255,.1),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.landing-final-card { background:radial-gradient(circle at 12% 0,rgba(255,255,255,.12),transparent 34%),linear-gradient(125deg,rgba(127,105,225,.18),rgba(255,255,255,.035) 55%,rgba(100,210,255,.045)),rgba(13,16,27,.5); }
.landing-footer { border-top-color:rgba(238,244,255,.075); background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025)); }
@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-section { scroll-margin-top:145px; }
}
@media (prefers-reduced-motion:reduce) { .landing-nav *,.landing-nav *::after { transition:none; } }