/* Shared AFL visual system; functional selectors remain in the original pages. */
:root{color-scheme:dark}
body,body[data-theme="dark"]{--bg:#080b0a;--surface:#101612;--surface2:#18211b;--text:#f3f6f4;--muted:#9ea9a2;--line:#26322b;--accent:#175b4a;--accent2:#104636;--danger:#ffb5aa;--shadow:none;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif}
body[data-theme="light"]{--bg:#f7f9f7;--surface:#fff;--surface2:#edf2ee;--text:#18271e;--muted:#56665a;--line:#d7e1d9;--danger:#982c26;color-scheme:light}
body[data-theme="contrast"]{--bg:#fff;--surface:#fff;--surface2:#fff;--text:#000;--muted:#202020;--line:#000;--accent:#004330;color-scheme:light}
body .top{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);box-shadow:none;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
body .topin{max-width:1440px;min-height:78px;padding:16px 36px;gap:26px;flex-wrap:nowrap}body .brand{color:var(--text);font-size:.9rem;font-weight:650;letter-spacing:-.3px;gap:12px;flex-shrink:0}body .brand small{color:var(--muted);font-size:.57rem;letter-spacing:1.8px;margin-top:4px;font-weight:550}body .brand .logo{width:38px;height:38px;border-radius:50%;background:#175b4a;box-shadow:none;flex-shrink:0}body .brand .logo img{border-radius:50%}
body .marketing-nav{justify-content:flex-start;gap:26px;margin-left:10px}body .marketing-nav a{font-size:.83rem;font-weight:500;color:var(--muted)}body .marketing-nav a:hover{color:var(--text)!important}body .top-actions{gap:9px;margin-left:auto}body .top-actions .langpick,body .top-actions .iconbtn{color:var(--muted);background:transparent;border:1px solid transparent}body .top-actions .langpick{width:65px;font-size:.8rem}body .top-actions .iconbtn{width:33px;height:33px;font-size:1.05rem}body .top-actions .btn{font-size:.8rem}body .top-actions #navLogin{border:1px solid var(--line);color:var(--text);padding:9px 15px;border-radius:8px}body .top-actions #navRegister{background:var(--text)!important;color:var(--bg)!important;border:1px solid var(--text)!important;border-radius:8px;padding:9px 15px}
body .btn{min-height:40px;border-radius:9px;font-weight:600;box-shadow:none;transition:background .15s,border-color .15s,transform .15s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.3}body .btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:none}body .btn.secondary,body .btn.ghost{background:transparent!important;border:1px solid var(--line);color:var(--text)!important}body .btn.secondary:hover,body .btn.ghost:hover{background:var(--surface2)!important}body .btn.small{min-height:32px;padding:7px 10px}body .btn:disabled{opacity:.5;transform:none}body a{color:#8fe0bd}
body input,body select,body textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;min-height:42px;padding:11px 12px}body select option{background:var(--surface);color:var(--text)}body input::placeholder,body textarea::placeholder,body .muted,body .hint{color:var(--muted)}
body main{max-width:1440px;margin:auto;padding:0 36px 80px}body .hero{display:grid;grid-template-columns:1.05fr 1fr .65fr;grid-template-rows:auto minmax(440px,1fr) auto auto;gap:0 20px;align-items:center;min-height:720px;margin:0 0 110px;padding-top:28px;position:relative}
.landing-note{grid-column:1/-1;justify-self:center;margin:0;display:flex;align-items:center;gap:12px;min-height:38px;font-size:.78rem;color:var(--muted);text-align:center}.landing-note a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;font-weight:550}.live-dot{width:6px;height:6px;border-radius:50%;background:#8fe0bd;box-shadow:0 0 12px #8fe0bd60}
body .hero-copy,body[data-theme="dark"] .hero-copy{grid-column:1;grid-row:2;max-width:none;width:100%;padding:28px 0;background:transparent;border:0;box-shadow:none;text-align:left;overflow:visible}body .hero-copy::after{display:none}body .hero-copy .kicker{color:#8fe0bd!important;font-size:.65rem;font-weight:600;letter-spacing:2.1px;margin-bottom:22px}body .hero-copy h1{font-size:clamp(3.1rem,5.1vw,5rem);line-height:1.04;letter-spacing:-.065em;font-weight:500;max-width:9ch;margin:0 0 26px;color:var(--text)}body .hero-copy h1 span{display:block}body .hero-copy>p{font-size:.91rem;line-height:1.8;color:var(--muted);max-width:36ch;margin:0}
body .hero-actions{justify-content:flex-start;gap:9px;margin:28px 0 0}body .hero-actions .btn{min-height:43px;border-radius:24px;font-size:.85rem;padding:12px 19px}body .hero-actions #heroRegister{background:var(--text)!important;border:1px solid var(--text)!important;color:var(--bg)!important}body .hero-actions #heroLogin{border-color:var(--line);color:var(--text)}body .hero-actions .text-link{flex-basis:100%;color:var(--muted)!important;font-size:.74rem;font-weight:500;padding:9px 0;text-decoration:none}body .hero-actions .text-link:hover{text-decoration:underline}
.vault-scene{grid-column:2;grid-row:2;position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;max-width:470px;margin:auto}.vault-aura{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#b6edcc38 0,#8fe0bd15 29%,#175b4a08 50%,transparent 70%);filter:blur(15px);animation:afl-breathe 7s ease-in-out infinite}.vault-orbit{position:absolute;width:78%;height:78%;border:1px solid #8fe0bd0f;border-radius:50%;transform:rotate(-28deg) scaleY(.72)}.vault-orbit.second{width:97%;height:97%;transform:rotate(27deg) scaleY(.77);border-color:#8fe0bd08}.vault-core{width:42%;aspect-ratio:1;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#18251e,#080c09 60%);border:1px solid #8fe0bd63;border-radius:30px;transform:rotate(-9deg);box-shadow:0 0 1px 1px #8fe0bd40,0 0 55px #8fe0bd22,0 0 120px #8fe0bd19,inset 0 1px #c9ffe539}.vault-core svg{width:45%;height:45%;fill:none;stroke:#b2e8cb;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transform:rotate(9deg)}.vault-core::after{content:"";position:absolute;inset:10px;border:1px solid #8fe0bd12;border-radius:22px}.vault-label{position:absolute;bottom:10%;font-size:.6rem;letter-spacing:3px;color:var(--muted)}
.hero-points{grid-column:3;grid-row:2;display:grid;gap:24px;padding-left:24px}.hero-point{border-left:1px solid var(--line);padding-left:18px}.hero-point strong{display:block;font-size:.86rem;font-weight:500;color:var(--text)}.hero-point p{font-size:.75rem;line-height:1.65;margin:6px 0 0;color:var(--muted);max-width:25ch}.landing-facts{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.landing-facts div{display:flex;align-items:baseline;gap:10px}.landing-facts strong{font-weight:550;color:var(--text);font-size:1rem;letter-spacing:-.5px}.landing-facts span{font-size:.7rem;color:var(--muted)}
body .hero-card,body[data-theme="dark"] .hero-card{grid-column:1/-1;grid-row:4;width:100%;max-width:1100px;margin:110px auto 0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}body .hero-card::after{display:none}.product-caption{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;gap:14px}.product-caption h2{font-size:1.5rem;font-weight:500;letter-spacing:-.7px;margin:0;color:var(--text)}.product-caption span{font-size:.72rem;color:var(--muted)}
body .product-window{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 32px 80px #0002;grid-template-columns:60px minmax(0,1fr) 260px;min-height:315px}body .product-sidebar,body .product-detail{background:var(--bg);border-color:var(--line);color:var(--muted)}body .product-main{background:var(--surface)}body .product-sidebar>span.selected{background:var(--surface2);color:#8fe0bd!important}body .product-mark,body .product-avatar{background:#175b4a!important;color:#fff}body .product-bar,body .product-row{border-color:var(--line)}body .product-search{background:var(--bg);color:var(--muted);border:1px solid var(--line)}body .product-heading h2,body .product-filename,body .product-detail strong{color:var(--text)}body .product-heading small,body .product-filename small,body .product-detail p,body .product-detail>small{color:var(--muted)}body .product-create{border-color:var(--line);color:var(--muted)}body .product-upload{background:#175b4a!important;border-color:#175b4a!important;color:#fff}body .product-lock,body .detail-meter{background:var(--surface2);color:var(--muted)}body .detail-lock{background:var(--surface2);color:#8fe0bd!important;border:1px solid var(--line);box-shadow:none}body .detail-meter span{background:#175b4a!important}body .file-icon.pdf{background:#173426;color:#9ae0bb!important}body .file-icon.doc{background:#182839;color:#8fc1ed}body .file-icon.zip{background:#30233c;color:#c7a2eb}
body .feature-section{margin:0 0 100px;padding:0;border:0;scroll-margin-top:110px}body .feature-intro{text-align:left;max-width:700px;margin:0 0 38px}body .feature-intro h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.15;letter-spacing:-1.2px;margin:14px 0}body .feature-intro .kicker{font-size:.65rem;color:#8fe0bd!important;font-weight:550;letter-spacing:1.6px}body .feature-intro p{font-size:.9rem;color:var(--muted)}body .feature-grid{gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}body .feature-card{background:var(--surface);border:0;border-right:1px solid var(--line);border-radius:0;padding:30px;box-shadow:none}body .feature-card:last-child{border:0}body .feature-symbol{background:var(--surface2);color:#8fe0bd!important;border:1px solid var(--line);width:38px;height:38px;font-size:1.1rem;border-radius:10px}body .feature-card h3{font-size:1rem;font-weight:600;margin:20px 0 9px}body .feature-card p{font-size:.84rem;line-height:1.85;color:var(--muted);margin:0}
body .auth,body .login{max-width:490px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:32px;margin:50px auto;scroll-margin-top:110px}body .auth h2,body .login h1{font-weight:500;letter-spacing:-.8px;color:var(--text)}body .auth>.row:first-child{background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:10px}body .auth>.row:first-child .btn{border-radius:7px;border:0}body .auth .field label,body .login .field label{font-weight:500;color:var(--text);font-size:.82rem}body .auth .hint,body .login .muted{font-size:.8rem}body .auth #submitAuth,body .login #teacherLogin{width:100%;min-height:45px}
body .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none;color:var(--text);padding:22px}body .card:hover{border-color:var(--line);box-shadow:none}body .card h3{font-weight:600;font-size:.95rem}body .sectionhead h2,body .head h1,body .head h2{color:var(--text);font-weight:500;letter-spacing:-.8px}body .item,body .student,body .file{background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text);box-shadow:none}body .item:hover,body .student:hover,body .file:hover{background:var(--surface2);border-color:var(--line)!important;box-shadow:none}body .item small,body .student small,body .file small{color:var(--muted)}body .badge{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}body .badge.good,body .badge.ok{background:#173426;color:#9ae0bb;border-color:#285239}body .pending,body .badge.pending{background:#292619;border-color:#4d4325;color:#e5d596}body .empty{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:.87rem;padding:28px}
body .drop{background:var(--bg);border:1px dashed #395746;border-radius:10px;box-shadow:none;padding:20px}body .drop:hover,body .drop:focus-within{background:var(--surface2);transform:none;box-shadow:none;border-color:#8fe0bd}body .drop input[type="file"]{background:var(--surface);font-size:.8rem}body .inboxrow,body .request{background:var(--surface2);border-left-color:#8fe0bd;color:var(--text)}body .chatbox,body .bubble{background:var(--surface);border-color:var(--line);color:var(--text)}body .bubble.mine{background:var(--surface2)}body dialog{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:14px}body hr,body footer{border-color:var(--line)}body footer{max-width:1368px;font-size:.72rem;line-height:1.8;padding:26px 0 35px;color:var(--muted)}body .msg.ok{color:#8fe0bd}
body.logged-in main{padding-top:30px;max-width:1600px}body.logged-in #app{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 30px;align-items:start}body.logged-in #pendingBanner{grid-column:1/-1}body.logged-in .nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;position:sticky;top:108px;margin:0;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;max-height:calc(100vh - 130px);overflow:auto;gap:4px;backdrop-filter:none}body.logged-in .nav::before{content:"ÇALIŞMA ALANI";color:var(--muted);font-size:.58rem;letter-spacing:1.8px;padding:12px 10px 15px}html[lang="en"] body.logged-in .nav::before{content:"WORKSPACE"}body.logged-in .nav .btn{justify-content:flex-start;text-align:left;white-space:normal;border:1px solid transparent;font-size:.83rem;font-weight:500;padding:11px 12px;box-shadow:none}body.logged-in .nav .btn.active{background:var(--surface2)!important;border-color:#8fe0bd30;color:#8fe0bd!important}body.logged-in .nav #logout{border-top:1px solid var(--line);border-radius:0;margin-top:12px;color:var(--muted)!important}body.logged-in .view{grid-column:2;grid-row:2;min-width:0}body.logged-in .sectionhead{margin:6px 0 20px}body.logged-in .sectionhead h2{font-size:1.8rem;margin-bottom:6px}body.logged-in .kicker{font-size:.62rem;color:var(--muted);font-weight:550}body.logged-in .sectionhead .btn{font-size:.78rem}body.logged-in .marketing-nav{margin-left:auto}body.logged-in .top-actions{margin-left:0}body.logged-in #storageCard{background:linear-gradient(120deg,var(--surface),var(--surface2))}body.logged-in #storageCard .sectionhead{margin:0 0 12px}body.logged-in #storageCard p{font-size:.76rem;margin:8px 0 0}body.logged-in #storageProgress{height:7px}
body .layout{grid-template-columns:220px minmax(0,1fr);gap:30px;margin-top:30px}body .side{position:sticky;top:105px;background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:12px;padding:12px;max-height:calc(100vh - 130px);overflow:auto}body .side::before{content:"ÖĞRETMEN YÖNETİMİ";display:block;padding:12px 10px 15px;font-size:.58rem;color:var(--muted);letter-spacing:1.3px}html[lang="en"] body .side::before{content:"TEACHER WORKSPACE"}body .side button{margin:2px 0;justify-content:flex-start;text-align:left;font-weight:500;font-size:.82rem;border:1px solid transparent;padding:11px 12px}body .side button.active,body .tabs button.active{background:var(--surface2)!important;border-color:#8fe0bd30;color:#8fe0bd!important;box-shadow:none}body .side #teacherLogout{border-top:1px solid var(--line);border-radius:0;margin-top:10px;color:var(--muted)!important}body .classgrid{gap:14px;margin-top:25px}body .classcard{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:24px;border-radius:12px}body .classcard b{font-size:1.9rem;font-weight:500;letter-spacing:-1px;margin-bottom:8px}body .classcard:hover{background:var(--surface2);border-color:#8fe0bd!important;box-shadow:none;transform:translateY(-2px)}body .head{margin-bottom:22px;padding-top:8px}body .head .hint{font-size:.73rem;margin-bottom:7px}
body[data-theme="light"] .hero-copy .kicker,body[data-theme="light"] .feature-intro .kicker,body[data-theme="light"] a,body[data-theme="contrast"] a,body[data-theme="contrast"] .hero-copy .kicker,body[data-theme="contrast"] .feature-intro .kicker{color:#175b4a!important}body[data-theme="light"] .msg.ok,body[data-theme="contrast"] .msg.ok{color:#175b4a}body[data-theme="light"] .vault-aura{background:radial-gradient(circle,#175b4a38,transparent 67%)}body[data-theme="light"] .vault-orbit{border-color:#175b4a20}body[data-theme="contrast"] .vault-aura,body[data-theme="contrast"] .vault-orbit{display:none}body[data-theme="contrast"] .nav .btn.active{background:#004330!important;color:#fff!important}
:focus-visible{outline:2px solid #8fe0bd!important;outline-offset:4px!important}body[data-theme="light"] :focus-visible,body[data-theme="contrast"] :focus-visible{outline-color:#175b4a!important}
@keyframes afl-breathe{0%,100%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}
@media(min-width:1550px){body .hero{grid-template-rows:auto minmax(540px,1fr) auto auto}}
@media(max-width:1120px){body .topin{gap:16px;padding:14px 24px}body .marketing-nav{gap:16px;margin-left:0}body .marketing-nav a{font-size:.74rem}body .brand{font-size:.78rem}body main{padding-left:24px;padding-right:24px}.hero-points{padding-left:0}.hero-point{padding-left:12px}.landing-facts div{display:grid;gap:5px}body .hero-copy h1{font-size:4.1rem}body .hero-actions .btn{padding:11px 13px;font-size:.77rem}}
@media(max-width:900px){body .topin{flex-wrap:wrap;gap:12px}body .marketing-nav{order:3;width:100%;flex-basis:100%;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px}body .marketing-nav a{font-size:.75rem}body .top-actions{margin-left:auto}body .hero{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);padding-top:22px;margin-bottom:75px;min-height:auto}body .hero-copy{padding:70px 0 35px}body .hero-copy h1{font-size:clamp(3rem,7vw,4.3rem)}.hero-points{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,1fr);padding:20px 0 30px;gap:20px}.landing-facts{grid-row:4}body .hero-card{grid-row:5;margin-top:75px}body .product-window{grid-template-columns:48px minmax(0,1fr) 220px}body.logged-in #app{grid-template-columns:180px minmax(0,1fr);gap:20px}body.logged-in .nav{top:140px}body .layout{grid-template-columns:185px minmax(0,1fr);gap:20px}body .side{display:flex;flex-direction:column}body .classgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body main{padding:0 18px 45px}body .topin{padding:12px 18px;gap:8px}body .brand{font-size:.76rem;gap:8px}body .brand small{letter-spacing:1px;font-size:.46rem}body .brand .logo{width:30px;height:30px}body .top-actions{gap:3px}body .top-actions #navLogin,body .top-actions #navRegister{padding:8px 10px;font-size:.73rem}body .top-actions .iconbtn{width:28px;height:30px}body .top-actions .langpick{width:54px;padding:5px 2px;font-size:.7rem}body .marketing-nav a{font-size:.7rem}body .hero{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:0}.landing-note{grid-row:1;font-size:.65rem;gap:7px;flex-wrap:wrap;justify-content:center;padding:6px 0}body .hero-copy{grid-row:2;grid-column:1;text-align:center;padding:48px 0 0}body .hero-copy .kicker{font-size:.57rem;margin-bottom:18px}body .hero-copy h1{max-width:none;font-size:clamp(2.9rem,11vw,4.3rem);margin-bottom:20px}body .hero-copy>p{margin:auto;max-width:38ch;font-size:.85rem}body .hero-actions{justify-content:center;margin-top:25px}body .hero-actions .btn{width:auto;padding:12px 19px;font-size:.8rem}.vault-scene{grid-column:1;grid-row:3;max-width:285px;margin:3px auto 0}.vault-label{bottom:3%}.hero-points{grid-column:1;grid-row:4;gap:12px;padding:22px 0 28px}.hero-point{padding-left:10px}.hero-point strong{font-size:.71rem}.hero-point p{font-size:.65rem}.landing-facts{grid-row:5;grid-template-columns:repeat(2,1fr);padding:22px 6px;gap:22px}.landing-facts strong{font-size:.87rem}.landing-facts span{font-size:.65rem}body .hero-card,body[data-theme="dark"] .hero-card{display:block;grid-row:6;grid-column:1;margin-top:58px}body .product-detail{display:none}body .product-window{grid-template-columns:40px minmax(0,1fr);border-radius:12px;min-height:0}body .product-caption h2{font-size:1.1rem}body .product-caption span{font-size:.59rem;max-width:17ch;text-align:right}body .product-body{padding:17px 12px}body .product-bar{padding:12px}body .product-sidebar{padding:15px 3px}body .product-sidebar>span{width:28px;height:28px}body .product-heading h2{font-size:1rem}body .product-create,body .product-upload{font-size:.62rem;padding:7px}body .product-filename{font-size:.72rem}body .product-row{gap:9px;min-height:61px}body .product-lock{display:none}body .feature-section{margin-bottom:60px}body .feature-grid{grid-template-columns:1fr}body .feature-card{padding:25px;border-right:0;border-bottom:1px solid var(--line)}body .feature-intro{margin-bottom:27px}body .feature-intro h2{font-size:1.9rem}body .auth,body .login{margin:35px auto;padding:23px}body.logged-in main{padding:22px 14px 40px}body.logged-in #app{display:block}body.logged-in .nav{top:107px;flex-direction:row;max-height:none;border-radius:9px;padding:7px;margin:0 0 20px;gap:4px;z-index:10;background:var(--bg)}body.logged-in .nav::before{display:none}body.logged-in .nav .btn{white-space:nowrap;flex-shrink:0;padding:9px 12px;font-size:.75rem}body.logged-in .nav #logout{border:0;margin:0;border-radius:6px}body.logged-in .sectionhead h2{font-size:1.55rem}body .card{padding:18px}body .uploadgrid,body .grid2{grid-template-columns:1fr}body .layout{display:block;margin-top:22px}body .side{flex-direction:row;top:70px;max-height:none;gap:4px;margin:0 0 23px;padding:7px;z-index:10;background:var(--bg)}body .side::before{display:none}body .side button{width:auto;white-space:nowrap;flex-shrink:0;padding:9px 12px;font-size:.75rem}body .side #teacherLogout{border:0;margin:0;border-radius:6px}body footer{margin:0 18px;padding:22px 0}}
@media(max-width:390px){body .brand>span:last-child{font-size:.68rem}body .brand small{font-size:.42rem}body .topin{padding-left:10px;padding-right:10px}body .top-actions .langpick{width:45px}body .top-actions #navLogin,body .top-actions #navRegister{padding:8px 7px;font-size:.67rem}body .top-actions #settingsShortcut{display:none}body .marketing-nav a{font-size:.64rem}body .hero-actions .btn{font-size:.75rem;padding:12px 15px}body .hero-copy h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.vault-aura{animation:none}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}body.reduce-motion .vault-aura{animation:none}
@media print{.vault-scene,.landing-note,.top{display:none}}
.afl-intro{display:none}
body .hero-copy h1{max-width:none}
.vault-scene{overflow:hidden}
body .hero-card .product-caption h2{max-width:none}
body .classcard{min-width:0;overflow-wrap:anywhere}
body .classcard .badge{white-space:normal;display:inline-block;max-width:100%;margin-top:10px}
body[data-theme="dark"] .feature-symbol,body[data-theme="dark"] .detail-lock,body[data-theme="dark"] .product-sidebar>span.selected{background:#18211b!important;color:#8fe0bd!important}
body[data-theme="light"] .feature-symbol,body[data-theme="light"] .detail-lock,body[data-theme="light"] .product-sidebar>span.selected{background:#edf2ee!important;color:#175b4a!important}
body[data-theme="light"] .nav .btn.active,body[data-theme="light"] .side button.active,body[data-theme="light"] .tabs button.active{color:#175b4a!important;border-color:#175b4a55}
body[data-theme="contrast"] .side button.active,body[data-theme="contrast"] .tabs button.active{background:#004330!important;color:#fff!important}
@media(max-width:680px){body .classcard{padding:18px}body[data-theme="dark"] .hero-copy{text-align:center}}
body[data-theme="light"] .hero-actions #heroRegister,body[data-theme="contrast"] .hero-actions #heroRegister,body[data-theme="light"] .top-actions #navRegister,body[data-theme="contrast"] .top-actions #navRegister{background:#18271e!important;border-color:#18271e!important;color:#fff!important}
body[data-theme="light"] .top-actions #navLogin,body[data-theme="contrast"] .top-actions #navLogin{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}
body[data-theme="light"] .marketing-nav a{color:var(--muted)!important}
@media(max-width:680px){.vault-scene{overflow:hidden}}
.intro-start .afl-intro{display:grid;position:fixed;inset:0;z-index:1000;place-items:center;background:radial-gradient(ellipse at 50% 45%,#246c54 0,#14392c 23%,#080b0a 70%);animation:afl-intro-out 2.15s both;color:#f3f6f4;overflow:hidden}
.intro-start{overflow:hidden}
.intro-start .intro-content{text-align:center;animation:afl-intro-in 1.2s both;padding:24px}
.intro-emblem{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 25px;background:linear-gradient(145deg,#183f31,#080b0a);border:1px solid #8fe0bd88;border-radius:20px;font-size:1.6rem;font-weight:600;letter-spacing:-3px;padding-right:3px;box-shadow:0 0 60px #8fe0bd26,inset 0 1px #d0ffe54a}
.intro-content p{font-size:clamp(1.2rem,3vw,1.7rem);letter-spacing:-.5px;font-weight:500;margin:0 0 15px}
.intro-content>span{font-size:.58rem;letter-spacing:3px;color:#a0b3a8}
#skipIntro{position:absolute;bottom:28px;right:32px;background:transparent;border:1px solid #ffffff30;color:#c5d6cc;border-radius:20px;padding:9px 17px;font-size:.75rem}
body.logged-in .nav{top:calc(var(--afl-header-height,78px) + 20px);max-height:calc(100dvh - var(--afl-header-height,78px) - 45px)}
body .side{top:calc(var(--afl-header-height,78px) + 20px);max-height:calc(100dvh - var(--afl-header-height,78px) - 45px)}
@keyframes afl-intro-in{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(8px)}65%,100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes afl-intro-out{0%,72%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:680px){body.logged-in .nav,body .side{top:var(--afl-header-height,100px);max-height:none}}
@media(prefers-reduced-motion:reduce){.intro-start .afl-intro{display:none}.intro-start{overflow:auto}}