:root{--bg:#fffaf6;--surface:#fff;--ink:#14233b;--muted:#697386;--brand:#ff6515;--brand2:#ff8c50;--brand3:#ffd3bc;--soft:#fff1e8;--line:#eee6df;--good:#1ea967;--dark:#163150;--shadow:0 24px 70px rgba(94,54,24,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fff 0,#fffaf6 55%,#fff 100%);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,230,244,.9)}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#ff9a61);color:#fff;font-size:23px;font-weight:950;box-shadow:0 8px 20px rgba(108,92,231,.25)}.brand-name{font-size:20px;font-weight:720;letter-spacing:-.03em}.brand-name b{color:var(--brand)}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.main-nav a{font-size:14px;font-weight:700;color:#55536a;transition:.2s}.main-nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:10px}.text-btn{font-size:14px;font-weight:800;padding:10px 8px}.primary-btn,.secondary-btn,.outline-btn,.white-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:14px 20px;font-weight:850;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.primary-btn{background:linear-gradient(135deg,var(--brand),#ff7a32);color:#fff;box-shadow:0 12px 28px rgba(108,92,231,.25)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(108,92,231,.32)}.primary-btn.small{padding:11px 15px;font-size:13px}.primary-btn.full{width:100%}.secondary-btn{background:#fff;border:1px solid var(--line)}.secondary-btn:hover,.outline-btn:hover{transform:translateY(-2px);border-color:#cbc4f2}.outline-btn{background:#fff;border:1px solid var(--line);padding:10px 15px}.white-btn{background:#fff;color:var(--brand)}.menu-btn{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.menu-btn span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:5px}.hero{min-height:660px;display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center;padding:72px 0 88px}.eyebrow-wrap{display:flex;align-items:center;gap:10px}.live-dot{width:9px;height:9px;border-radius:50%;background:#27b07d;box-shadow:0 0 0 6px rgba(39,176,125,.12)}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.15em;color:var(--brand)}.eyebrow.light{color:#dcd6ff}.hero h1,.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:18px 0 24px}.hero h1 span{color:var(--brand)}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:32px 0 24px}.proof-row{display:flex;flex-wrap:wrap;gap:12px 20px;color:#5f5c72;font-size:13px;font-weight:750}.hero-dashboard{position:relative}.dash-window{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.dash-window-top{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;color:#77748a;font-size:12px}.window-dots{display:flex;gap:5px;margin-right:14px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#dad7e8}.dash-window-top span{margin-right:auto}.dash-window-top b{color:var(--brand)}.dash-body{padding:26px}.dash-title{display:flex;justify-content:space-between;gap:14px}.dash-title small{font-size:10px;color:#8e8ba0;font-weight:850;letter-spacing:.1em}.dash-title h3{font-size:24px;margin:5px 0 0;letter-spacing:-.03em}.score-pill{height:max-content;padding:8px 11px;background:#ecf8f3;border-radius:999px;color:var(--good);font-size:12px;font-weight:900}.trend-card{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:16px;overflow:hidden}.trend-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.trend-head strong{color:var(--good)}.trend-card svg{width:100%;height:95px;margin-top:8px}.chart-area{fill:rgba(108,92,231,.09)}.chart-line{fill:none;stroke:var(--brand);stroke-width:4;stroke-linecap:round}.trend-card circle{fill:var(--brand)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.lesson-grid div{background:#faf9ff;border:1px solid var(--line);border-radius:14px;padding:12px}.lesson-grid span{display:block;font-size:10px;color:var(--muted)}.lesson-grid b{display:block;font-size:19px;margin:3px 0}.lesson-grid em{font-style:normal;font-size:10px;color:var(--good);font-weight:800}.ai-note{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:16px;padding:13px;margin-top:12px}.ai-note span{color:var(--brand);font-size:19px}.ai-note p{font-size:11px;line-height:1.5;margin:0;color:#5e5b70}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px rgba(48,35,117,.13);border-radius:18px;padding:14px;display:flex;flex-direction:column}.floating-card small{font-size:9px;color:#8c899b;font-weight:850;letter-spacing:.08em}.floating-card strong{font-size:13px;margin-top:4px}.fc-one{right:-26px;top:70px}.fc-one span{position:absolute;right:12px;bottom:12px;color:var(--brand)}.fc-two{left:-28px;bottom:52px}.fc-two strong{font-size:26px;color:var(--brand)}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.logo-strip .container{min-height:72px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;color:#6b687c;font-weight:850;font-size:13px}.logo-strip i{width:4px;height:4px;border-radius:50%;background:#c9c5d8}.section{padding:100px 0}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2,.split-section h2,.cta-card h2,.publisher-band h2,.about-card.large h2,.tg-info h2,.contact-grid h2,.journey h2{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;line-height:1.07;margin:12px 0 14px}.section-heading p,.split-section p,.cta-card p,.publisher-band p,.tg-info>p{font-size:17px;line-height:1.7;color:var(--muted)}.feature-grid{display:grid;gap:16px}.feature-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:230px;box-shadow:0 12px 34px rgba(51,39,118,.05)}.feature-icon,.big-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--brand);font-weight:950;font-size:18px;margin-bottom:28px}.feature-card h3{font-size:19px;margin:0 0 10px}.feature-card p{font-size:14px;line-height:1.65;color:var(--muted)}.soft-section{background:linear-gradient(180deg,#f7f5ff,#fbfaff);border-top:1px solid #eeebfa;border-bottom:1px solid #eeebfa}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.split-section.reverse{grid-template-columns:1fr 1fr}.inline-link{display:inline-flex;margin-top:12px;color:var(--brand);font-weight:850}.button-link{border:0;background:none;padding:0;font:inherit;cursor:pointer}.mode-stack{display:grid;gap:14px}.mode-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(51,39,118,.05);transition:.2s}.mode-card:hover{transform:translateY(-2px);border-color:#cbc4f2}.mode-card.accent{background:var(--dark);color:#fff;border-color:var(--dark)}.mode-card.accent p,.mode-card.accent small{color:#cfc9e8}.mode-icon{width:54px;height:54px;border-radius:17px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-weight:950}.mode-card.accent .mode-icon{background:rgba(255,255,255,.12);color:#fff}.mode-card small{font-size:9px;letter-spacing:.12em;color:#8c899c;font-weight:900}.mode-card h3{font-size:18px;margin:3px 0}.mode-card p{font-size:12px;margin:0;color:var(--muted)}.mode-card>span{font-size:22px;color:var(--brand)}.mode-card.accent>span{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;overflow:hidden}.steps-grid b{font-size:58px;color:#eeeafa;line-height:1;font-weight:950}.steps-grid h3{font-size:20px;margin:20px 0 8px}.steps-grid p{color:var(--muted);font-size:14px;line-height:1.65}.publisher-band{background:linear-gradient(135deg,#5b49da,#7a68ee 55%,#8f7ef5);color:#fff;border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 24px 60px rgba(87,68,203,.22)}.publisher-band h2{margin-bottom:10px}.publisher-band p{color:#eeeaff;max-width:760px}.cta-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 16px 50px rgba(52,39,119,.06)}.cta-card h2{margin-bottom:6px}.cta-card p{margin-bottom:0}.site-footer{margin-top:40px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding:62px 0 44px}.footer-brand-wrap p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.6}.footer-col{display:grid;align-content:start;gap:10px}.footer-col strong{font-size:13px;margin-bottom:7px}.footer-col a{font-size:13px;color:var(--muted)}.footer-col a:hover{color:var(--brand)}.footer-bottom{min-height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#89869a;font-size:12px}.page-hero{padding:82px 0 56px}.page-hero.compact h1{font-size:clamp(44px,5.6vw,68px);max-width:930px}.page-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.top-tight{padding-top:20px}.toolbar-section{padding-bottom:90px}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:850;color:#686579;cursor:pointer}.filter.active,.filter:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.exam-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 38px rgba(50,38,118,.06)}.exam-card.hidden{display:none}.exam-cover{height:200px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden}.exam-cover:after{content:"e";position:absolute;right:-8px;top:-42px;font-size:180px;font-weight:950;opacity:.12}.exam-cover span{font-size:12px;font-weight:950;letter-spacing:.13em}.exam-cover b{font-size:27px;max-width:250px;line-height:1.05;margin:9px 0}.exam-cover small{opacity:.82}.purple{background:linear-gradient(135deg,#5d4bdc,#8b7cf6)}.lilac{background:linear-gradient(135deg,#9b7ae7,#cf9ff4)}.mint{background:linear-gradient(135deg,#259d81,#6ac7b1)}.blue{background:linear-gradient(135deg,#3e68cf,#6b8ee8)}.coral{background:linear-gradient(135deg,#d45d7b,#ed8aa0)}.yellow{background:linear-gradient(135deg,#d59a27,#f0bd55)}.exam-info{padding:20px}.exam-tags{display:flex;gap:7px}.exam-tags span{font-size:9px;font-weight:900;padding:6px 8px;background:var(--soft);color:var(--brand);border-radius:999px}.exam-info h3{font-size:18px;margin:12px 0 8px}.exam-info p{height:46px;color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px}.notice-card{display:flex;gap:16px;background:#fbfaff;border:1px solid var(--line);padding:22px;border-radius:18px}.notice-card>span{font-size:24px;color:var(--brand)}.notice-card h3{margin:0 0 6px}.notice-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.tg-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.calendar-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.calendar-top{height:66px;padding:0 22px;background:#f9f8ff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.calendar-top span{font-size:12px;color:var(--muted)}.calendar-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.calendar-icon{width:70px;height:70px;border-radius:21px;background:var(--soft);color:var(--brand);font-size:28px;display:grid;place-items:center}.calendar-empty h3{font-size:22px;margin:20px 0 8px}.calendar-empty p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.6}.mini-steps{display:grid;gap:20px;margin-top:28px}.mini-steps>div{display:grid;grid-template-columns:40px 1fr;gap:14px}.mini-steps b{width:40px;height:40px;border-radius:13px;background:var(--soft);color:var(--brand);display:grid;place-items:center}.mini-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.mini-steps strong{color:var(--ink)}.upcoming-grid{display:grid;gap:12px;max-width:900px;margin:0 auto}.upcoming-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.date-box{width:68px;height:68px;border-radius:17px;background:var(--soft);display:grid;place-items:center;align-content:center}.date-box b{font-size:23px;color:var(--brand)}.date-box small{font-size:9px;font-weight:900;color:var(--brand)}.upcoming-grid article>div small{font-size:9px;color:#8c899b;font-weight:900;letter-spacing:.09em}.upcoming-grid h3{font-size:18px;margin:4px 0}.upcoming-grid p{margin:0;color:var(--muted);font-size:12px}.journey{display:grid;gap:90px}.journey article{display:grid;grid-template-columns:70px 1.1fr .9fr;gap:34px;align-items:center}.journey-num{font-size:48px;font-weight:950;color:#e6e2f6}.journey h2{font-size:36px}.journey p{color:var(--muted);line-height:1.7}.journey-visual{min-height:230px;border-radius:24px;background:linear-gradient(135deg,#faf9ff,#f0edff);border:1px solid var(--line);padding:26px}.cards-mini{display:grid;gap:10px;align-content:center}.cards-mini span{background:#fff;border:1px solid var(--line);padding:16px;border-radius:14px;font-weight:850;box-shadow:0 8px 20px rgba(50,38,118,.05)}.mock-exam .mock-q{width:42px;height:42px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.mock-exam p{color:var(--ink);font-weight:850}.mock-exam i{display:block;height:16px;background:#fff;border:1px solid var(--line);border-radius:999px;margin:10px 0}.metric-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.metric-mini div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metric-mini small{display:block;color:var(--muted)}.metric-mini b{display:block;font-size:20px;margin-top:5px}.focus-mini{display:flex;flex-direction:column;justify-content:center;gap:9px}.focus-mini small{color:var(--muted);font-weight:900;letter-spacing:.1em}.focus-mini strong{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 13px;width:max-content}.about-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.about-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:240px}.about-card.large{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#27204e,#463b7e);color:#fff}.about-card.large .eyebrow{color:#cfc7ff}.about-card.large p{color:#d6d1e7;line-height:1.75}.about-card h3{font-size:20px}.about-card p{font-size:14px;line-height:1.6;color:var(--muted)}.quote-panel{background:var(--brand);color:#fff;border-radius:28px;padding:40px}.quote-panel span{font-size:80px;line-height:.7;opacity:.45}.quote-panel p{font-size:26px;line-height:1.4;color:#fff;margin-bottom:0}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-weight:850;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;font-size:22px;color:var(--brand)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px}.contact-grid h2{font-size:31px}.contact-grid p{color:var(--muted);line-height:1.7}.check-list{padding:0;list-style:none;display:grid;gap:10px}.check-list li:before{content:"✓";color:var(--good);font-weight:900;margin-right:9px}.contact-placeholder{background:var(--soft);border-radius:16px;padding:18px;margin-top:24px}.contact-placeholder b,.contact-placeholder span{display:block}.contact-placeholder span{font-size:12px;color:var(--muted);margin-top:5px}.login-wrap{min-height:690px;display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center;padding:70px 0}.login-copy h1{font-size:clamp(48px,6vw,72px);letter-spacing:-.055em;line-height:1;margin:14px 0 20px}.login-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:600px}.login-preview{display:flex;gap:12px;margin-top:30px}.login-preview div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-width:120px}.login-preview small{display:block;color:var(--muted)}.login-preview b{display:block;font-size:22px;margin-top:4px}.login-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.login-brand{margin-bottom:30px}.login-card h2{font-size:27px;margin:0 0 5px}.login-card>p{color:var(--muted);font-size:13px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:850;margin:18px 0}.login-card input{height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#f7f6fb;color:#aaa}.form-note{display:block;text-align:center;color:#9290a0;margin-top:12px}.legal-hero{padding-bottom:28px}.legal-copy{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px}.legal-copy h2{font-size:24px;margin:30px 0 10px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:var(--muted);line-height:1.8}.legal-note{background:var(--soft);border-radius:14px;padding:15px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,16,43,.48);backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}.modal-backdrop.open{opacity:1;visibility:visible}.modal{position:relative;width:min(440px,100%);background:#fff;border-radius:26px;padding:34px;box-shadow:0 30px 90px rgba(24,17,65,.28);text-align:center;transform:translateY(10px) scale(.98);transition:.18s}.modal-backdrop.open .modal{transform:none}.modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;background:#f5f3fb;border-radius:12px;font-size:23px;color:#757186;cursor:pointer}.modal-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:20px;background:linear-gradient(135deg,var(--brand),#9b8df7);display:grid;place-items:center;color:#fff;font-weight:950;font-size:40px;box-shadow:0 12px 30px rgba(108,92,231,.25)}.modal h2{font-size:28px;letter-spacing:-.035em;margin:10px 0}.modal p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 22px}.modal .eyebrow{font-size:10px}.no-scroll{overflow:hidden}
@media(max-width:980px){.main-nav{position:fixed;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px;display:none;flex-direction:column;align-items:flex-start;gap:14px}.main-nav.open{display:flex}.menu-btn{display:block}.hide-mobile{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-dashboard{max-width:650px}.feature-grid.four{grid-template-columns:1fr 1fr}.split-section,.tg-layout,.split-section.reverse{grid-template-columns:1fr;gap:40px}.library-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr 1fr}.about-card.large{grid-column:span 2;grid-row:auto}.journey article{grid-template-columns:55px 1fr}.journey-visual{grid-column:2}.login-wrap{grid-template-columns:1fr;gap:36px}.login-card{max-width:560px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-col:last-child{grid-column:2}.fc-one{right:0}.fc-two{left:0}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.header-inner{height:68px}.main-nav{top:68px}.brand-mark{width:34px;height:34px;font-size:20px}.brand-name{font-size:17px}.header-actions .primary-btn{display:none}.hero{min-height:auto;padding:48px 0 64px;gap:44px}.hero h1,.page-hero h1{font-size:46px}.lead,.page-hero p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.proof-row{display:grid;grid-template-columns:1fr 1fr}.dash-body{padding:18px}.dash-title{flex-direction:column}.lesson-grid{grid-template-columns:1fr 1fr}.floating-card{display:none}.logo-strip .container{justify-content:flex-start;padding:14px 0;gap:12px}.logo-strip i{display:none}.section{padding:70px 0}.feature-grid.four,.library-grid,.steps-grid,.contact-grid,.about-grid{grid-template-columns:1fr}.about-card.large{grid-column:auto}.split-section{gap:30px}.publisher-band,.cta-card{padding:28px 22px;flex-direction:column;align-items:flex-start}.publisher-band .white-btn,.cta-card .primary-btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-brand-wrap{grid-column:span 2}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.page-hero{padding-top:58px}.exam-cover{height:180px}.upcoming-grid article{grid-template-columns:auto 1fr}.upcoming-grid .outline-btn{grid-column:1/-1;width:100%}.journey{gap:60px}.journey article{grid-template-columns:1fr}.journey-num{font-size:40px}.journey-visual{grid-column:auto}.metric-mini{grid-template-columns:1fr}.contact-grid h2{font-size:28px}.login-wrap{padding:50px 0}.login-preview{display:grid;grid-template-columns:repeat(3,1fr)}.login-preview div{min-width:0}.login-card{padding:24px}.legal-copy{padding:24px}.modal{padding:30px 22px}}
/* Auth + account */
.auth-form input,.auth-form select{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}.auth-form input:focus,.auth-form select:focus{border-color:#bcb3ff;box-shadow:0 0 0 4px rgba(108,92,231,.09)}.auth-form select{appearance:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.consent-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;font-weight:600!important;line-height:1.45}.consent-check input{width:18px!important;height:18px!important;flex:0 0 auto;margin-top:2px;accent-color:var(--brand)}.consent-check a{color:var(--brand);font-weight:800}.form-alert{border-radius:12px;padding:11px 13px;margin:12px 0;font-size:12px;font-weight:750;line-height:1.45;background:#fff1f2;color:#a5283a;border:1px solid #ffd7dd}.form-alert.success{background:#eefaf5;color:#137454;border-color:#caeedf}.auth-form button:disabled{opacity:.65;cursor:wait;transform:none}.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin-top:17px}.auth-switch a{color:var(--brand);font-weight:850}.signup-benefits{margin-top:28px;font-size:15px}.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:800;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 18px 50px rgba(20,16,43,.24)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.account-section{padding:78px 0 100px;min-height:700px}.account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.account-head h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:12px 0}.account-head p{color:var(--muted);font-size:16px}.account-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:14px}.profile-card,.account-stat,.account-empty{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 12px 34px rgba(51,39,118,.05)}.profile-card{display:flex;align-items:center;gap:18px}.avatar{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#9c8fff);color:#fff;font-size:22px;font-weight:950}.profile-card small,.account-stat small{font-size:10px;color:#8b889c;font-weight:900;letter-spacing:.09em}.profile-card h2{margin:5px 0 2px;font-size:22px}.profile-card p{margin:0 0 9px;color:var(--muted);font-size:13px}.exam-badge{display:inline-flex;background:var(--soft);color:var(--brand);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.account-stat{display:flex;flex-direction:column;justify-content:center}.account-stat b{font-size:31px;margin:7px 0}.account-stat span{font-size:11px;color:var(--muted);line-height:1.4}.account-empty{text-align:center;margin-top:16px;padding:48px 24px}.account-empty .big-icon{margin:0 auto 18px}.account-empty h2{font-size:28px;margin:0 0 8px}.account-empty p{color:var(--muted);margin:0 auto 22px;max-width:560px;line-height:1.6}.mobile-auth-nav{display:none}.account-settings{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 12px 34px rgba(51,39,118,.05)}.account-settings h2{margin:0 0 6px;font-size:24px}.account-settings>p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-settings label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--ink)}.account-settings input,.account-settings select{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#fff;color:var(--ink);outline:none}.account-settings input:focus,.account-settings select:focus{border-color:#bcb3ff;box-shadow:0 0 0 4px rgba(108,92,231,.09)}.account-settings input[readonly]{background:#f7f6fb;color:var(--muted)}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.settings-actions button{min-width:160px}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}.settings-actions button{width:100%}}
@media(max-width:980px){.account-grid{grid-template-columns:1fr 1fr}.profile-card{grid-column:span 2}.mobile-auth-nav{display:block!important}}
@media(max-width:640px){.form-row{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}.account-head .outline-btn{width:100%}.account-grid{grid-template-columns:1fr}.profile-card{grid-column:auto}.profile-card{align-items:flex-start}.account-section{padding-top:50px}}

.app-page{display:none}.app-page.active{display:block}.standalone-note{background:#f7f5ff;border-bottom:1px solid #ebe7ff;color:#574fb8;text-align:center;padding:8px 16px;font-size:12px;font-weight:700}.standalone-note b{color:#332b7a}.mobile-auth-nav{display:none}@media(max-width:900px){.mobile-auth-nav{display:block}}

/* Professional content update */
.content-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--brand);text-transform:uppercase}
.section-subhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-subhead h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;margin:8px 0 0}.section-subhead p{max-width:620px;color:var(--muted);line-height:1.7;margin:0}
.general-exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.general-exam-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 12px 34px rgba(51,39,118,.05);display:flex;flex-direction:column;min-height:285px}.general-exam-card .exam-badge{width:max-content;padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.08em}.general-exam-card h3{font-size:25px;letter-spacing:-.03em;margin:24px 0 10px}.general-exam-card p{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 26px}.general-exam-card .primary-btn{margin-top:auto}
.branch-library{display:grid;gap:22px}.branch-group{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 12px 34px rgba(51,39,118,.045)}.branch-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.branch-group-head h3{font-size:27px;letter-spacing:-.035em;margin:4px 0 4px}.branch-group-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.branch-count{white-space:nowrap;background:var(--soft);color:var(--brand);font-weight:900;border-radius:999px;padding:8px 11px;font-size:11px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.subject-card{border:1px solid var(--line);background:#faf9ff;border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:145px;transition:.18s}.subject-card:hover{transform:translateY(-2px);border-color:#cec8f5;background:#fff;box-shadow:0 10px 26px rgba(53,41,118,.07)}.subject-card small{color:var(--brand);font-weight:900;letter-spacing:.06em}.subject-card strong{font-size:15px;line-height:1.35;margin:8px 0 16px}.subject-card button{margin-top:auto;border:0;background:transparent;padding:0;color:var(--brand);font-weight:850;text-align:left;cursor:pointer;font-size:12px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.trust-item{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.trust-item b{display:block;font-size:14px;margin-bottom:6px}.trust-item span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.about-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.about-statement{background:linear-gradient(135deg,#27204e,#463b7e);color:#fff;border-radius:28px;padding:38px}.about-statement h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.08;margin:10px 0 18px}.about-statement p{color:#ded9ec;line-height:1.8;margin:0}.about-facts{display:grid;gap:12px}.about-fact{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.about-fact b{font-size:16px;display:block;margin-bottom:8px}.about-fact p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.principle-card .num{display:block;color:#b8b2dd;font-weight:950;font-size:13px;margin-bottom:24px}.principle-card h3{font-size:19px;margin:0 0 9px}.principle-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}
.contact-lead{max-width:780px}.contact-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;min-height:300px}.contact-card .contact-icon{width:46px;height:46px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-weight:950;font-size:18px}.contact-card h2{font-size:24px;letter-spacing:-.03em;margin:24px 0 10px}.contact-card p{color:var(--muted);font-size:13px;line-height:1.7}.contact-card ul{padding:0;list-style:none;display:grid;gap:7px;margin:10px 0 22px}.contact-card li{font-size:12px;color:#57546c}.contact-card li:before{content:'✓';color:var(--good);font-weight:900;margin-right:7px}.channel-status{margin-top:auto;padding:13px 14px;background:#f8f7fc;border:1px solid var(--line);border-radius:13px;font-size:11px;line-height:1.5;color:var(--muted)}.contact-note{margin-top:18px;background:linear-gradient(135deg,#f3f0ff,#faf9ff);border:1px solid #e0dbfb;border-radius:22px;padding:24px;display:flex;gap:16px;align-items:flex-start}.contact-note b{display:block;margin-bottom:5px}.contact-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.legal-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.legal-nav{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.legal-nav a{display:block;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:750;color:#625f74}.legal-nav a:hover{background:var(--soft);color:var(--brand)}.legal-copy.professional{max-width:none;margin:0}.legal-copy.professional h2{scroll-margin-top:105px}.legal-copy.professional h3{font-size:17px;margin:20px 0 8px}.legal-copy.professional ul{color:var(--muted);line-height:1.8;padding-left:20px}.legal-copy.professional li{margin:5px 0}.legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.legal-meta span{background:#f7f6fb;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:11px;color:#6b687c}.legal-callout{background:var(--soft);border-left:3px solid var(--brand);padding:16px 18px;border-radius:0 14px 14px 0;margin:18px 0;color:#5e5b70;line-height:1.7;font-size:13px}
@media(max-width:980px){.subject-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.about-intro-grid{grid-template-columns:1fr}.principle-grid,.contact-directory{grid-template-columns:1fr 1fr}.legal-shell{grid-template-columns:1fr}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.legal-nav a{padding:8px 9px}}
@media(max-width:640px){.section-subhead{align-items:flex-start;flex-direction:column}.general-exam-grid,.principle-grid,.contact-directory{grid-template-columns:1fr}.subject-grid{grid-template-columns:1fr 1fr}.branch-group{padding:20px}.branch-group-head{flex-direction:column}.trust-strip{grid-template-columns:1fr}.about-statement{padding:28px}.contact-card{min-height:auto}.contact-note{flex-direction:column}.legal-copy.professional{padding:22px}.legal-nav{display:none}}

/* 2026-09-06 content expansion */
.exam-section-label{margin:8px 0 18px;font-size:13px;font-weight:900;letter-spacing:.09em;color:var(--brand);text-transform:uppercase}
.class-exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.class-exam-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:0 10px 28px rgba(51,39,118,.045);display:flex;flex-direction:column;min-height:245px}.class-exam-card .exam-badge{width:max-content;padding:7px 10px;border-radius:999px;background:#eef8f4;color:#23765c;font-size:11px;font-weight:900;letter-spacing:.06em}.class-exam-card h3{font-size:22px;letter-spacing:-.03em;margin:20px 0 9px}.class-exam-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.class-exam-card .primary-btn{margin-top:auto}
.library-divider{height:1px;background:var(--line);margin:34px 0}.simple-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.simple-contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.simple-contact-card h2{font-size:20px;margin:12px 0 9px}.simple-contact-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.simple-contact-note{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#faf9ff;color:#5c586e;font-size:13px;line-height:1.65}.simple-contact-note strong{color:var(--ink)}
.legal-simple{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}.legal-simple h2{font-size:20px;letter-spacing:-.02em;margin:28px 0 9px}.legal-simple h2:first-of-type{margin-top:0}.legal-simple p,.legal-simple li{color:var(--muted);font-size:13px;line-height:1.75}.legal-simple ul{padding-left:20px}.legal-simple .updated{display:block;color:#8a8798;font-size:11px;margin-bottom:24px}.legal-simple a{color:var(--brand);font-weight:800}
@media(max-width:900px){.class-exam-grid{grid-template-columns:1fr 1fr}.simple-contact-grid{grid-template-columns:1fr}}
@media(max-width:640px){.class-exam-grid{grid-template-columns:1fr}.legal-simple{padding:24px}.class-exam-card{min-height:auto}}

/* 2026-09-06 navigation + homepage visual refresh */
main [id]{scroll-margin-top:108px}.main-nav details{position:relative}.mega-nav{margin:0;padding:0}.mega-nav summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:#55536a;display:flex;align-items:center;gap:8px}.mega-nav summary::-webkit-details-marker{display:none}.mega-nav summary::after{content:'▾';font-size:11px;color:#8b88a0;transition:transform .2s}.mega-nav[open] summary{color:var(--brand)}.mega-nav[open] summary::after{transform:rotate(180deg)}.mega-panel{position:absolute;top:calc(100% + 18px);left:-18px;width:min(950px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 26px 64px rgba(46,34,113,.16);padding:22px}.mega-grid{display:grid;grid-template-columns:1.1fr 1.15fr .9fr;gap:18px}.mega-col{display:grid;gap:12px;align-content:start}.mega-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#8f8ba5;text-transform:uppercase}.mega-block{background:#faf9ff;border:1px solid var(--line);border-radius:18px;padding:16px}.mega-block strong{display:block;font-size:15px;margin-bottom:10px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mega-links a,.mega-spot{display:block;border-radius:12px;padding:11px 12px;background:#fff;border:1px solid #ece9f8;font-size:12px;font-weight:750;color:#59566e}.mega-links a:hover,.mega-spot:hover{border-color:#d2ccf7;color:var(--brand);transform:translateY(-1px)}.mega-side{padding-left:4px}.mega-spot{background:linear-gradient(180deg,#fff,#faf9ff);min-height:112px}.mega-spot b{display:block;font-size:15px;color:var(--ink);margin-bottom:8px}.mega-spot span{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.mega-spot.soft{background:linear-gradient(180deg,#f4f1ff,#fff)}
.home-showcase{padding-top:84px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(52,39,119,.05);display:flex;flex-direction:column;min-height:270px;transition:.2s}.catalog-card:hover{transform:translateY(-3px);border-color:#d0caf6;box-shadow:0 18px 34px rgba(52,39,119,.08)}.catalog-card.accent{background:linear-gradient(180deg,#fff,#f7f5ff)}.catalog-tag{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:#f0edff;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.09em}.catalog-card h3{font-size:22px;letter-spacing:-.03em;margin:18px 0 8px}.catalog-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.catalog-link{margin-top:auto;padding-top:16px;font-size:13px;font-weight:850;color:var(--brand)}.catalog-visual{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#efeaff,#dcd5ff);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.catalog-visual i{display:block;border-radius:999px;background:#fff;opacity:.96}.catalog-visual i:nth-child(1){height:18px;align-self:flex-start}.catalog-visual i:nth-child(2){height:32px;align-self:center}.catalog-visual i:nth-child(3){height:46px;align-self:end}.catalog-visual.alt{background:linear-gradient(135deg,#eef5ff,#dfe9ff)}.catalog-visual.soft{background:linear-gradient(135deg,#ecfbf4,#d3f3e4)}.catalog-visual.warm{background:linear-gradient(135deg,#fff3ea,#ffe3cf)}.showcase-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;margin-top:22px}.mini-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 34px rgba(51,39,118,.05);overflow:hidden}.mini-panel-top{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);font-size:12px;color:#7c7891}.mini-panel-top b{color:var(--brand)}.mini-panel-body{padding:20px}.mini-pill-row{display:flex;flex-wrap:wrap;gap:8px}.mini-pill-row span{padding:7px 10px;border-radius:999px;background:#f7f5ff;border:1px solid var(--line);font-size:11px;font-weight:800;color:#625f74}.mini-bars{height:132px;display:flex;align-items:flex-end;gap:12px;padding:18px 2px 12px}.mini-bars i{display:block;flex:1;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#8878f5,#6c5ce7)}.mini-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.showcase-copy{background:linear-gradient(135deg,#28204f,#3e3475);border-radius:28px;padding:30px;color:#fff}.showcase-copy h3{font-size:30px;letter-spacing:-.04em;line-height:1.1;margin:12px 0}.showcase-copy p{margin:0;color:#ddd8ef;line-height:1.8}.showcase-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.showcase-points span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#fff}.library-nav-wrap{padding-bottom:0}.library-nav-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 36px rgba(51,39,118,.05)}.library-nav-head{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:end;margin-bottom:18px}.library-nav-head h2{font-size:34px;letter-spacing:-.04em;line-height:1.08;margin:10px 0 0}.library-nav-head p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}.jump-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jump-group{background:#faf9ff;border:1px solid var(--line);border-radius:20px;padding:18px}.jump-group h3{font-size:16px;margin:0 0 14px}.jump-links{display:flex;flex-wrap:wrap;gap:10px}.jump-links a{padding:10px 12px;border-radius:999px;background:#fff;border:1px solid #e9e5f8;font-size:12px;font-weight:800;color:#59566d}.jump-links a:hover{border-color:#cfc7f8;color:var(--brand)}
@media(max-width:1180px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.mega-panel{left:auto;right:-80px;width:min(900px,calc(100vw - 36px))}}
@media(max-width:980px){.mega-nav{width:100%}.mega-nav summary{padding:4px 0}.mega-panel{position:static;width:100%;box-shadow:none;border-radius:18px;margin-top:10px;padding:16px}.mega-grid{grid-template-columns:1fr}.mega-links{grid-template-columns:1fr 1fr}.catalog-grid,.jump-groups,.showcase-row,.library-nav-head{grid-template-columns:1fr}}
@media(max-width:640px){.mega-links{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:auto}.showcase-copy{padding:24px}.library-nav-card{padding:22px}.jump-links{gap:8px}.jump-links a{width:100%;text-align:left}.mini-bars{height:110px}}
/* v4 — visual balance + navigation usability */
.main-nav .mega-nav summary{gap:7px}.main-nav .mega-nav summary span{font:inherit}.main-nav .mega-nav summary small{display:none;font-size:10px;font-weight:700;color:#9a96aa}.mega-title-link{display:flex!important;justify-content:space-between;align-items:center;padding:4px 2px 8px!important;font-size:13px!important;font-weight:900!important;color:var(--brand)!important}.mega-title-link span{font-size:16px}.home-showcase{padding-top:86px}.home-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.home-path-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 17px;box-shadow:0 10px 28px rgba(51,39,118,.045);transition:.2s}.home-path-card:hover{transform:translateY(-2px);border-color:#cec7f5;box-shadow:0 16px 32px rgba(51,39,118,.08)}.home-path-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f0edff;color:var(--brand);font-weight:950}.home-path-icon span{font-size:12px;letter-spacing:.02em}.hp-ayt .home-path-icon{background:#eef5ff;color:#4f75c9}.hp-lgs .home-path-icon{background:#ebf9f3;color:#258265}.hp-class .home-path-icon{background:#fff1e8;color:#b46a35}.home-path-card h3{font-size:16px;margin:0 0 3px}.home-path-card p{font-size:11px;margin:0;color:var(--muted)}.home-path-card>b{font-size:20px;color:#a39fba}.visual-story{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.visual-art{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 25% 20%,#f3efff 0,transparent 34%),linear-gradient(135deg,#f8f6ff,#ece8ff);border:1px solid #e4dff9}.art-orbit{position:absolute;border:1px solid rgba(108,92,231,.13);border-radius:50%}.orbit-one{width:460px;height:460px;left:-150px;top:-130px}.orbit-two{width:300px;height:300px;right:-90px;bottom:-70px}.art-device{position:absolute;left:50%;top:50%;width:min(78%,470px);transform:translate(-50%,-50%) rotate(-1.5deg);background:#fff;border:1px solid #e2def3;border-radius:26px;box-shadow:0 26px 60px rgba(49,36,117,.18);overflow:hidden}.art-browser{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 15px}.art-browser span{width:7px;height:7px;border-radius:50%;background:#d9d5e8}.art-browser b{margin-left:auto;color:var(--brand);font-size:12px}.art-screen{padding:20px}.art-head{display:flex;justify-content:space-between;align-items:center}.art-head small{display:block;font-size:9px;color:#9995aa;font-weight:900;letter-spacing:.1em}.art-head strong{display:block;font-size:22px;margin-top:4px}.art-head em{font-style:normal;background:#edf9f4;color:#167857;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900}.art-chart{height:135px;margin:12px 0;color:var(--brand);background:linear-gradient(180deg,#fbfaff,#f5f2ff);border-radius:18px;padding:14px}.art-chart svg{width:100%;height:100%}.art-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.art-stats i{font-style:normal;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.art-stats span{display:block;font-size:9px;color:#89869a}.art-stats b{display:block;margin-top:4px;font-size:16px}.art-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px rgba(50,37,116,.12);border-radius:14px;padding:11px 13px;font-size:11px}.art-chip span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--soft);color:var(--brand);font-weight:900}.chip-a{left:22px;top:44px}.chip-b{right:18px;top:88px}.chip-c{right:34px;bottom:34px}.visual-copy{background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 34px rgba(51,39,118,.05)}.visual-copy h3{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 16px}.visual-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.visual-points{display:grid;gap:8px;margin:22px 0}.visual-points span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#58556b}.visual-points b{width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:10px}.visual-copy .primary-btn{width:max-content}.library-sticky{position:sticky;top:76px;z-index:35;background:rgba(251,251,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sticky-scroll{min-height:58px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.sticky-scroll::-webkit-scrollbar{display:none}.sticky-label{font-size:10px;font-weight:950;letter-spacing:.1em;color:#8e8a9f;margin-right:4px;white-space:nowrap}.sticky-scroll a{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:850;color:#5a576b}.sticky-scroll a:hover{color:var(--brand);border-color:#cfc8f5}.library-nav-card{background:linear-gradient(180deg,#fff,#fbfaff)}.jump-group h3:before{content:'↳';color:var(--brand);margin-right:7px}.general-exam-card,.class-exam-card,.branch-group{scroll-margin-top:150px}
@media(max-width:980px){.main-nav{max-height:calc(100vh - 76px);overflow-y:auto}.main-nav .mega-nav summary{width:100%;justify-content:space-between;background:#f8f7fc;border:1px solid var(--line);padding:12px 14px;border-radius:14px}.main-nav .mega-nav summary small{display:block;margin-left:auto;margin-right:6px}.mega-panel{background:#fcfbff}.home-path-grid{grid-template-columns:1fr 1fr}.visual-story{grid-template-columns:1fr}.visual-art{min-height:390px}.library-sticky{top:76px}}
@media(max-width:640px){.main-nav{top:68px;max-height:calc(100vh - 68px)}.home-path-grid{grid-template-columns:1fr 1fr;gap:10px}.home-path-card{grid-template-columns:auto 1fr;padding:13px}.home-path-card>b{display:none}.home-path-icon{width:44px;height:44px}.visual-art{min-height:315px}.art-device{width:82%}.art-screen{padding:15px}.art-head strong{font-size:18px}.art-chart{height:105px}.art-chip{font-size:9px;padding:8px 9px}.chip-a{left:10px;top:30px}.chip-b{right:8px;top:70px}.chip-c{right:15px;bottom:20px}.visual-copy{padding:26px}.visual-copy .primary-btn{width:100%}.library-sticky{top:68px}.sticky-scroll{min-height:54px}.sticky-label{display:none}.library-nav-wrap{padding-top:46px}.home-showcase{padding-top:66px}}

/* warm marketing homepage */
.marketing-slider{padding:24px 0 0;background:linear-gradient(180deg,#fff,#fff9f4)}.marketing-slider-shell{position:relative;min-height:560px;border:1px solid #efe2d9;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 65px rgba(106,62,28,.10)}.marketing-slide{display:none;grid-template-columns:.88fr 1.12fr;min-height:560px;animation:marketingFade .42s ease}.marketing-slide.active{display:grid}.marketing-copy{padding:66px 34px 60px 58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fffaf5 0,#fff7f0 72%,#fff0e5 100%)}.marketing-kicker{font-size:11px;font-weight:950;letter-spacing:.16em;color:var(--brand)}.marketing-copy h1{font-size:clamp(46px,5.1vw,72px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 22px;color:#17304f}.marketing-copy h1 em{font-style:normal;color:var(--brand)}.marketing-copy>p{max-width:560px;font-size:17px;line-height:1.72;color:#5f6a78;margin:0}.marketing-actions{display:flex;gap:12px;margin:28px 0 20px}.marketing-mini{display:flex;gap:10px;flex-wrap:wrap}.marketing-mini span{font-size:12px;font-weight:750;color:#735d50;background:rgba(255,255,255,.72);border:1px solid #eedfd5;border-radius:999px;padding:8px 11px}.marketing-photo{min-height:560px;position:relative;background:#f6e8dc}.marketing-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,245,236,.18),transparent 24%);pointer-events:none}.marketing-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.marketing-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:1px solid #eadbd0;border-radius:50%;background:rgba(255,255,255,.92);color:#17304f;font-size:28px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(77,45,24,.10)}.marketing-arrow.prev{left:16px}.marketing-arrow.next{right:16px}.marketing-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px}.marketing-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#e1cbbd;cursor:pointer}.marketing-dots button.active{width:28px;border-radius:999px;background:var(--brand)}@keyframes marketingFade{from{opacity:.25}to{opacity:1}}
.home-feature-strip{background:#fff;border-bottom:1px solid var(--line)}.home-feature-grid{min-height:98px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.home-feature-grid>div{display:flex;align-items:center;gap:13px;padding:18px;border-right:1px solid var(--line)}.home-feature-grid>div:last-child{border-right:0}.home-feature-grid p{margin:0}.home-feature-grid b{display:block;font-size:13px;margin-bottom:4px}.home-feature-grid small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.feature-bubble{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900;flex:0 0 auto}.feature-bubble.purple{background:#f0eaff;color:#7958e7}.feature-bubble.green{background:#e9f8ef;color:#1ba35f}.feature-bubble.orange{background:#fff0e5;color:#ff761f}.feature-bubble.blue{background:#eaf4ff;color:#288de0}
.path-section{padding-top:86px}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.route-card{position:relative;min-height:248px;border-radius:24px;padding:26px;border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s;overflow:hidden}.route-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(68,52,38,.08)}.route-card h3{font-size:22px;letter-spacing:-.03em;margin:22px 0 8px}.route-card p{margin:0;color:#5f6979;font-size:13px;line-height:1.55}.route-card>b{margin-top:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17304f}.route-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:950;font-size:17px;background:rgba(255,255,255,.76)}.route-tyt{background:linear-gradient(145deg,#fff0e7,#ffe0d1)}.route-ayt{background:linear-gradient(145deg,#eaf5ff,#dcefff)}.route-lgs{background:linear-gradient(145deg,#edf9ef,#dff4e4)}.route-class{background:linear-gradient(145deg,#f3efff,#e9e2ff)}.grade-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.grade-links a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(76,62,117,.12);font-size:12px;font-weight:900;color:#483b73}.grade-links a:hover{color:var(--brand)}
.home-value-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.value-copy h2{font-size:clamp(34px,4.5vw,50px);line-height:1.07;letter-spacing:-.045em;margin:12px 0 16px}.value-copy>p{font-size:16px;line-height:1.8;color:var(--muted)}.value-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.value-points span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#52606f}.value-dashboard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 46px rgba(65,45,29,.07)}.vd-head{display:flex;justify-content:space-between;align-items:center}.vd-head small{display:block;color:#8b8d98;font-size:10px;font-weight:900;letter-spacing:.1em}.vd-head strong{display:block;font-size:21px;margin-top:5px}.vd-head em{font-style:normal;padding:10px 13px;border-radius:999px;background:#e9f7f0;color:var(--good);font-weight:900}.vd-chart{height:160px;display:flex;gap:14px;align-items:flex-end;margin:26px 0;padding:0 10px;border-bottom:1px solid var(--line)}.vd-chart span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#ff9a5f,#ff6415)}.vd-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vd-row div{padding:12px;background:#fffaf6;border:1px solid #f1e6de;border-radius:14px}.vd-row small{display:block;color:var(--muted);font-size:10px}.vd-row b{display:block;margin-top:4px;font-size:17px}
.home-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-step-grid article{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;position:relative}.home-step-grid article>span{position:absolute;top:14px;left:18px;color:#b9b5b1;font-size:12px;font-weight:950}.step-round{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--soft);color:var(--brand);font-size:22px}.home-step-grid h3{font-size:19px;margin:0 0 8px}.home-step-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.home-cta{background:linear-gradient(135deg,#17304f,#2b4d72);color:#fff;border-radius:30px;padding:42px 46px;display:flex;justify-content:space-between;align-items:center;gap:30px}.home-cta h2{font-size:38px;letter-spacing:-.04em;margin:8px 0}.home-cta p{color:#dce5ee;margin:0;max-width:700px}.home-cta .white-btn{min-width:190px}
@media(max-width:980px){.marketing-slide{grid-template-columns:1fr;min-height:auto}.marketing-copy{padding:48px 34px 34px}.marketing-photo{min-height:420px}.home-feature-grid{grid-template-columns:1fr 1fr}.home-feature-grid>div:nth-child(2){border-right:0}.route-grid{grid-template-columns:1fr 1fr}.home-value-grid{grid-template-columns:1fr}.home-step-grid{grid-template-columns:1fr 1fr}.home-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.marketing-slider{padding-top:12px}.marketing-slider-shell{border-radius:22px}.marketing-copy{padding:38px 24px 30px}.marketing-copy h1{font-size:43px}.marketing-copy>p{font-size:15px}.marketing-actions{flex-direction:column}.marketing-actions a{width:100%}.marketing-photo{min-height:360px}.marketing-arrow{width:38px;height:38px}.marketing-arrow.prev{left:8px}.marketing-arrow.next{right:8px}.home-feature-grid{grid-template-columns:1fr}.home-feature-grid>div{border-right:0;border-bottom:1px solid var(--line)}.route-grid{grid-template-columns:1fr}.route-card{min-height:210px}.vd-row{grid-template-columns:1fr 1fr}.home-step-grid{grid-template-columns:1fr}.home-cta{padding:30px 24px}.home-cta .white-btn{width:100%}}

/* v9 mobile-first polish */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 24px)}
  .site-header{backdrop-filter:blur(14px)}
  .header-inner{height:64px;gap:10px}
  .brand{gap:7px;min-width:0}.brand-mark{width:32px;height:32px;border-radius:10px;font-size:18px}.brand-name{font-size:16px}
  .menu-btn{width:40px;height:40px;margin-left:auto}
  .main-nav{top:64px;padding:14px 12px 18px;gap:9px;max-height:calc(100dvh - 64px);overflow:auto}
  .main-nav>a{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px}
  .main-nav .mega-nav summary{padding:11px 12px;font-size:13px}.main-nav .mega-nav summary small{font-size:9px}
  .mega-panel{padding:12px}.mega-grid{gap:10px}.mega-block{padding:12px}.mega-links{gap:6px}.mega-links a{padding:10px;font-size:11px}.mega-spot{min-height:auto;padding:12px}

  .marketing-slider{padding:10px 0 0}
  .marketing-slider-shell{width:calc(100% - 20px);min-height:0;border-radius:20px;box-shadow:0 14px 34px rgba(106,62,28,.09)}
  .marketing-slide,.marketing-slide.active{grid-template-columns:1fr;min-height:0}
  .marketing-copy{order:1;padding:28px 20px 22px;background:linear-gradient(180deg,#fffaf5,#fff6ee)}
  .marketing-kicker{font-size:9px;letter-spacing:.12em}
  .marketing-copy h1{font-size:clamp(32px,10vw,40px);line-height:1.02;margin:10px 0 14px;letter-spacing:-.045em}
  .marketing-copy>p{font-size:14px;line-height:1.58}
  .marketing-actions{gap:9px;margin:19px 0 14px;flex-direction:column}
  .marketing-actions a{min-height:46px;width:100%;font-size:14px;border-radius:12px}
  .marketing-mini{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.marketing-mini::-webkit-scrollbar{display:none}
  .marketing-mini span{white-space:nowrap;font-size:10px;padding:7px 9px}
  .marketing-photo{order:2;min-height:0;height:235px}
  .marketing-photo img{object-fit:cover;object-position:center 43%}
  .marketing-arrow{top:auto;bottom:104px;width:36px;height:36px;font-size:24px;background:rgba(255,255,255,.9)}
  .marketing-arrow.prev{left:10px}.marketing-arrow.next{right:10px}
  .marketing-dots{bottom:12px}.marketing-dots button{height:8px;width:8px}.marketing-dots button.active{width:24px}

  .home-feature-grid{grid-template-columns:1fr 1fr;min-height:0;padding:8px 0}
  .home-feature-grid>div{min-height:78px;padding:12px 8px;border-right:0;border-bottom:1px solid var(--line);gap:9px}
  .home-feature-grid>div:nth-child(odd){border-right:1px solid var(--line)}
  .home-feature-grid>div:nth-last-child(-n+2){border-bottom:0}
  .feature-bubble{width:36px;height:36px;border-radius:11px;font-size:16px}
  .home-feature-grid b{font-size:11px;line-height:1.25}.home-feature-grid small{font-size:9px;line-height:1.35}

  .section{padding:52px 0}.path-section{padding-top:48px}
  .section-heading{margin-bottom:24px}.section-heading h2{font-size:30px;line-height:1.05;margin:8px 0 10px}.section-heading p{font-size:14px;line-height:1.55}.eyebrow{font-size:9px;letter-spacing:.12em}
  .route-grid{grid-template-columns:1fr 1fr;gap:10px}
  .route-card{min-height:170px;border-radius:18px;padding:16px}
  .route-icon{width:38px;height:38px;border-radius:12px;font-size:13px}
  .route-card h3{font-size:16px;margin:15px 0 6px}.route-card p{font-size:11px;line-height:1.4}.route-card>b{width:31px;height:31px;font-size:13px}
  .route-class{grid-column:1/-1;min-height:154px}.route-class .grade-links{margin-top:14px}.grade-links a{width:31px;height:31px;font-size:11px}

  .home-value-grid{gap:24px}.value-copy h2{font-size:29px}.value-copy>p{font-size:14px;line-height:1.65}.value-points{gap:6px}.value-points span{font-size:10px;padding:7px 9px}
  .value-dashboard{padding:18px;border-radius:20px}.vd-head{gap:10px}.vd-head strong{font-size:17px}.vd-head em{font-size:12px;padding:8px 10px}.vd-chart{height:120px;gap:9px;margin:20px 0}.vd-row{grid-template-columns:1fr 1fr;gap:7px}.vd-row div{padding:10px}.vd-row b{font-size:15px}

  .home-step-grid{grid-template-columns:1fr;gap:10px}.home-step-grid article{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:13px;text-align:left;padding:18px;min-height:100px}.home-step-grid article>span{top:10px;left:12px}.step-round{grid-row:1/3;width:44px;height:44px;margin:9px 0 0;border-radius:14px;font-size:17px}.home-step-grid h3{align-self:end;margin:0 0 3px;font-size:16px}.home-step-grid p{font-size:11px;line-height:1.45}
  .home-cta{padding:24px 20px;border-radius:22px}.home-cta h2{font-size:28px}.home-cta p{font-size:13px;line-height:1.55}.home-cta .white-btn{width:100%}

  .page-hero{padding:42px 0 30px}.page-hero h1{font-size:38px}.page-hero p{font-size:14px;line-height:1.6}
  .library-nav-card{padding:18px;border-radius:20px}.library-nav-head h2{font-size:27px}.jump-group{padding:14px}.jump-links a{font-size:11px}
  .library-sticky{top:64px}.sticky-scroll{min-height:50px;padding:0 2px}.sticky-scroll a{white-space:nowrap}
  .general-exam-grid,.class-exam-grid{grid-template-columns:1fr}.general-exam-card,.class-exam-card{min-height:auto;padding:20px}
  .subject-grid{grid-template-columns:1fr 1fr;gap:8px}.subject-card{padding:14px;min-height:145px}.subject-card strong{font-size:13px}.branch-group{padding:16px;border-radius:20px}

  .footer-grid{grid-template-columns:1fr 1fr;padding:42px 0 30px;gap:28px 14px}.footer-brand-wrap{grid-column:1/-1}.footer-brand-wrap p{font-size:11px}.footer-col strong,.footer-col a{font-size:11px}.footer-bottom{font-size:10px}
  .form-row{grid-template-columns:1fr}.login-preview{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}.profile-card{padding:18px}.legal-simple{padding:18px;border-radius:20px}
}
@media(max-width:380px){
  .marketing-copy h1{font-size:31px}.route-grid{grid-template-columns:1fr}.route-class{grid-column:auto}.home-feature-grid{grid-template-columns:1fr 1fr}.subject-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand-wrap{grid-column:auto}
}

/* v10 mobile image-fit correction */
@media(max-width:700px){
  .marketing-photo{
    order:2;
    min-height:0;
    height:auto;
    padding:16px 14px 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#fff7ef,#fffaf6);
  }
  .marketing-photo:after{display:none}
  .marketing-photo img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:300px;
    object-fit:contain;
    object-position:center;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(92,54,29,.10);
  }
  .marketing-arrow{
    top:auto;
    bottom:150px;
    transform:none;
  }
  .marketing-dots{bottom:15px}
}
@media(max-width:420px){
  .marketing-photo{padding:14px 12px 40px}
  .marketing-photo img{max-height:280px}
  .marketing-arrow{bottom:140px}
}


/* v11 polished reference-style homepage */
.popular-branches{padding-top:54px}.branch-chip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.branch-chip-grid>a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;min-height:92px;box-shadow:0 10px 28px rgba(73,47,27,.045);transition:.18s}.branch-chip-grid>a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(73,47,27,.08)}.branch-chip-grid>a>div{min-width:0;flex:1}.branch-chip-grid b{display:block;font-size:14px;margin-bottom:4px}.branch-chip-grid small{display:block;color:var(--muted);font-size:10px;line-height:1.35}.branch-chip-grid strong{color:var(--brand);font-size:18px}.branch-chip-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:950;flex:0 0 auto}.branch-chip-icon.orange{background:#fff0e7;color:#ff6515}.branch-chip-icon.blue{background:#eaf5ff;color:#288de0}.branch-chip-icon.green{background:#e9f8ef;color:#1ba35f}.branch-chip-icon.gold{background:#fff6df;color:#d69b08}.branch-chip-icon.purple{background:#f2edff;color:#7757df}
.marketing-slider-shell{max-width:1280px}.marketing-slide{grid-template-columns:.9fr 1.1fr}.marketing-copy{padding-left:64px}.marketing-photo{overflow:hidden}.marketing-photo img{object-position:center}.home-feature-strip{box-shadow:0 8px 24px rgba(48,35,24,.03)}.route-card{box-shadow:0 8px 24px rgba(63,44,29,.04)}.home-cta{background:linear-gradient(135deg,#ff6a1a,#ff8b4b);box-shadow:0 20px 48px rgba(255,101,21,.18)}
@media(max-width:900px){.branch-chip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .marketing-slider-shell{width:calc(100% - 18px);border-radius:18px}
  .marketing-copy{padding:26px 18px 20px}
  .marketing-photo{height:auto!important;min-height:0!important;padding:12px 0 42px!important;background:#fff7ef!important;display:block!important;text-align:center}
  .marketing-photo img{display:block!important;width:72%!important;max-width:270px!important;height:auto!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(92,54,29,.10)!important}
  .marketing-arrow{bottom:150px!important}.marketing-dots{bottom:14px!important}
  .route-grid{grid-template-columns:1fr 1fr}.route-class{grid-column:1/-1}
  .branch-chip-grid{grid-template-columns:1fr}.branch-chip-grid>a{min-height:76px;padding:13px 14px}
  .popular-branches{padding-top:44px}
}
@media(max-width:420px){.marketing-photo img{width:68%!important;max-width:238px!important}.marketing-arrow{bottom:132px!important}.route-grid{gap:9px}.route-card{padding:14px;min-height:166px}}

/* v12 first responsive reference layout */
.ref-hero{padding:20px 0 0;background:linear-gradient(180deg,#fff,#fff8f2)}
.ref-hero-shell{position:relative;overflow:hidden;border-radius:28px;border:1px solid #f0dfd3;background:#fff;box-shadow:0 20px 58px rgba(83,52,29,.10)}
.ref-slide{display:none;grid-template-columns:.92fr 1.08fr;min-height:490px}.ref-slide.active{display:grid;animation:marketingFade .35s ease}
.ref-copy{padding:52px 36px 46px 52px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff8f0,#fff2e7)}
.ref-script{display:block;width:max-content;max-width:100%;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:27px;line-height:1.2;color:#17304f;transform:rotate(-2deg);padding-bottom:8px;border-bottom:3px solid #ff6a1a}
.ref-copy h1{font-size:clamp(42px,4.7vw,64px);line-height:1.02;letter-spacing:-.05em;color:#17304f;margin:22px 0 18px}
.ref-copy p{font-size:16px;line-height:1.7;color:#445468;max-width:560px;margin:0}.ref-actions{display:flex;gap:12px;margin-top:26px}.ref-actions .secondary-btn{color:#17304f}
.ref-photo{min-height:490px;background:#f7e6d8;overflow:hidden}.ref-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.ref-dots{bottom:16px}.ref-features{background:#fff;border-bottom:1px solid var(--line)}.ref-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:92px;align-items:center}.ref-feature-grid>div{display:flex;align-items:center;gap:12px;padding:16px 18px}.ref-feature-grid p{margin:0}.ref-feature-grid b{display:block;font-size:13px}.ref-feature-grid small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.4}
.ref-path{padding-top:66px}.ref-path .section-heading{margin-bottom:28px}.ref-path .section-heading h2,.ref-how .section-heading h2,.ref-branches .section-heading h2{font-size:38px;letter-spacing:-.04em;margin:0 0 10px}.ref-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ref-route{min-height:230px;border-radius:20px;padding:25px;border:1px solid rgba(34,48,69,.06);display:flex;flex-direction:column;text-align:center;align-items:center}.ref-route.orange{background:linear-gradient(145deg,#fff1e9,#ffe7dc)}.ref-route.blue{background:linear-gradient(145deg,#edf7ff,#dff1ff)}.ref-route.green{background:linear-gradient(145deg,#eefaf2,#e2f6e8)}.ref-route.purple{background:linear-gradient(145deg,#f5f1ff,#eee8ff)}.ref-route-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:19px;font-weight:900;color:#17304f}.ref-route h3{font-size:19px;margin:18px 0 8px}.ref-route p{margin:0;color:#59677a;font-size:12.5px;line-height:1.55}.ref-route>b{margin-top:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand)}
.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;margin-bottom:62px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(58,42,28,.055)}.ref-stats>div{min-height:86px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-right:1px solid var(--line)}.ref-stats>div:last-child{border-right:0}.ref-stats>div>span{font-size:24px;color:#6280a3}.ref-stats p{margin:0}.ref-stats b{display:block;font-size:15px}.ref-stats small{display:block;color:var(--muted);font-size:10.5px;margin-top:4px}
.ref-motivation{background:linear-gradient(90deg,#ffe7d7,#fff1e5);overflow:hidden}.ref-motivation-inner{display:grid;grid-template-columns:.9fr 1.1fr;min-height:235px;align-items:stretch}.ref-mot-copy{padding:38px 34px 36px 14px;display:flex;justify-content:center;flex-direction:column}.ref-mot-copy .ref-script{font-size:31px}.ref-mot-copy p{font-size:13px;color:#5e544c;margin:18px 0 0}.ref-mot-photo{overflow:hidden}.ref-mot-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.ref-how{padding-top:54px;padding-bottom:44px}.ref-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.ref-how-grid article{text-align:center;padding:10px 20px}.ref-step{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-size:20px;font-weight:950}.ref-step.purple{background:#eee8ff;color:#7456df}.ref-step.blue{background:#eaf5ff;color:#288de0}.ref-step.green{background:#e9f8ef;color:#1ba35f}.ref-how h3{font-size:17px;margin:0 0 7px}.ref-how p{font-size:12px;color:var(--muted);margin:0}.ref-how-grid article:not(:last-child):after{content:'→';position:absolute;top:28px;margin-left:calc(16.66% + 20px);color:#c5ced7;font-size:25px}
.ref-branches{padding-top:24px;padding-bottom:54px}.ref-branch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ref-branch-grid a{min-height:62px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);font-size:13px;font-weight:800;background:#fff}.ref-branch-grid a:nth-child(1){background:#fff0e8}.ref-branch-grid a:nth-child(2){background:#eaf5ff}.ref-branch-grid a:nth-child(3){background:#e9f8ef}.ref-branch-grid a:nth-child(4){background:#fff6df}.ref-branch-grid a:nth-child(5){background:#f2edff}.ref-branch-grid span{font-size:17px;color:var(--brand)}
.ref-bottom-cta{background:linear-gradient(180deg,#fff6ef,#fff);border-top:1px solid #f1e4db}.ref-bottom-cta>.container{min-height:118px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px}.ref-bottom-cta p{margin:3px 0 0;color:var(--muted);font-size:11px}.ref-bottom-cta>div>strong,.ref-bottom-cta strong{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:24px;color:#17304f;font-weight:500;text-align:center}.ref-bottom-cta .primary-btn{min-width:180px}
@media(max-width:980px){.ref-slide{grid-template-columns:1fr}.ref-copy{padding:42px 32px 30px}.ref-photo{min-height:0;aspect-ratio:3/2}.ref-feature-grid{grid-template-columns:1fr 1fr}.ref-route-grid{grid-template-columns:1fr 1fr}.ref-stats{grid-template-columns:1fr 1fr}.ref-stats>div:nth-child(2){border-right:0}.ref-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.ref-motivation-inner{grid-template-columns:1fr}.ref-mot-copy{padding:30px 24px}.ref-mot-photo{height:220px}.ref-bottom-cta>.container{grid-template-columns:1fr auto}.ref-bottom-cta strong{grid-column:1/-1;grid-row:1;text-align:left}.ref-branch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.ref-hero{padding:8px 0 0}.ref-hero-shell{width:calc(100% - 18px);border-radius:18px}.ref-copy{padding:25px 18px 20px}.ref-script{font-size:18px;border-bottom-width:2px}.ref-copy h1{font-size:34px;margin:16px 0 13px}.ref-copy p{font-size:13.5px;line-height:1.55}.ref-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.ref-actions a{padding:12px 10px;font-size:12px}.ref-photo{aspect-ratio:3/2}.ref-photo img{object-fit:cover}.marketing-arrow{width:34px;height:34px;font-size:22px;top:auto;bottom:105px}.marketing-arrow.prev{left:8px}.marketing-arrow.next{right:8px}.ref-dots{bottom:9px}.ref-feature-grid{grid-template-columns:1fr 1fr;padding:6px 0}.ref-feature-grid>div{padding:10px 7px;gap:8px}.feature-bubble{width:34px;height:34px;border-radius:11px;font-size:16px}.ref-feature-grid b{font-size:10.5px}.ref-feature-grid small{font-size:8.5px}.ref-path{padding-top:42px}.ref-path .section-heading h2,.ref-how .section-heading h2,.ref-branches .section-heading h2{font-size:28px}.ref-route-grid{grid-template-columns:1fr 1fr;gap:8px}.ref-route{min-height:170px;padding:14px 10px}.ref-route-icon{width:40px;height:40px;border-radius:12px;font-size:15px}.ref-route h3{font-size:14px;margin:12px 0 5px}.ref-route p{font-size:10px}.ref-route>b{width:30px;height:30px;font-size:12px}.ref-stats{grid-template-columns:1fr 1fr;margin-bottom:38px}.ref-stats>div{min-height:70px;padding:10px 6px;gap:8px}.ref-stats>div>span{font-size:18px}.ref-stats b{font-size:11px}.ref-stats small{font-size:8.5px}.ref-mot-copy .ref-script{font-size:21px}.ref-mot-copy p{font-size:11px;margin-top:12px}.ref-mot-photo{height:auto;aspect-ratio:2.9/1}.ref-how{padding-top:40px}.ref-how-grid{grid-template-columns:1fr;gap:12px}.ref-how-grid article{display:grid;grid-template-columns:48px 1fr;column-gap:12px;text-align:left;align-items:center;padding:8px 14px}.ref-step{grid-row:1/3;width:44px;height:44px;margin:0}.ref-how-grid h3{margin:0}.ref-how-grid p{grid-column:2}.ref-how-grid article:after{display:none}.ref-branches{padding-top:10px}.ref-branch-grid{grid-template-columns:1fr 1fr;gap:8px}.ref-branch-grid a{min-height:54px;font-size:11px}.ref-branch-grid a:last-child{grid-column:1/-1}.ref-bottom-cta>.container{grid-template-columns:1fr;gap:14px;padding:24px 0}.ref-bottom-cta strong{grid-row:auto;font-size:20px}.ref-bottom-cta .primary-btn{width:100%}}

/* v16 — final single-hero responsive homepage */
.ref-static-shell{overflow:hidden}.ref-static-hero{display:grid!important}.ref-static-shell .marketing-arrow,.ref-static-shell .marketing-dots,.ref-static-shell .ref-dots{display:none!important}.ref-static-hero .ref-photo img{object-position:center 46%}.ref-static-hero .ref-actions a{white-space:nowrap}
@media(max-width:980px){.ref-static-hero{grid-template-columns:1fr!important}.ref-static-hero .ref-copy{order:1}.ref-static-hero .ref-photo{order:2;aspect-ratio:3/2;min-height:0!important}.ref-static-hero .ref-photo img{object-fit:cover;object-position:center 42%}}
@media(max-width:640px){.ref-static-shell{border-radius:18px}.ref-static-hero .ref-copy{padding:24px 18px 18px}.ref-static-hero .ref-script{font-size:18px}.ref-static-hero .ref-copy h1{font-size:34px;line-height:1.02;margin:14px 0 12px}.ref-static-hero .ref-copy p{font-size:13.5px;line-height:1.55}.ref-static-hero .ref-actions{grid-template-columns:1fr 1fr;margin-top:16px}.ref-static-hero .ref-actions a{font-size:11.5px;padding:11px 8px}.ref-static-hero .ref-photo{aspect-ratio:3/2}.ref-static-hero .ref-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.ref-feature-grid{grid-template-columns:1fr 1fr!important}.ref-route-grid{grid-template-columns:1fr 1fr!important}.ref-stats{grid-template-columns:1fr 1fr!important}.ref-motivation-inner{grid-template-columns:1fr!important}.ref-mot-photo{aspect-ratio:2.8/1!important;height:auto!important}.ref-how-grid{grid-template-columns:1fr!important}.ref-branch-grid{grid-template-columns:1fr 1fr!important}}
/* v17 mobile motivation banner fix */
@media(max-width:640px){
  .ref-motivation{overflow:visible!important;background:linear-gradient(180deg,#ffe9dc,#fff4ec)!important}
  .ref-motivation-inner{display:block!important;min-height:0!important}
  .ref-mot-copy{padding:22px 14px 16px!important;text-align:left!important}
  .ref-mot-copy .ref-script{font-size:24px!important;line-height:1.22!important}
  .ref-mot-copy p{font-size:12px!important;line-height:1.55!important;margin-top:10px!important}
  .ref-mot-photo{width:100%!important;height:auto!important;overflow:visible!important}
  .ref-mot-photo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important}
}

/* v18 — restore the mobile banner proportions that were approved in v14 */
@media(max-width:640px){
  .ref-motivation{
    position:relative!important;
    background:#f7ddc9!important;
    overflow:hidden!important;
  }
  .ref-motivation-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:550/190!important;
    overflow:hidden!important;
  }
  .ref-mot-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#f7ddc9!important;
  }
  .ref-mot-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
  }
  .ref-mot-copy{
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:54%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:14px 8px 14px 14px!important;
    text-align:left!important;
    background:linear-gradient(90deg,rgba(255,231,215,.97) 0%,rgba(255,231,215,.87) 68%,rgba(255,231,215,0) 100%)!important;
  }
  .ref-mot-copy .ref-script{
    font-size:16px!important;
    line-height:1.15!important;
    margin:0!important;
    padding-bottom:4px!important;
    border-bottom-width:2px!important;
  }
  .ref-mot-copy p{
    font-size:8.5px!important;
    line-height:1.25!important;
    margin:7px 0 0!important;
    max-width:145px!important;
    color:#5e544c!important;
  }
}
@media(max-width:390px){
  .ref-mot-copy{width:56%!important;padding-left:12px!important}
  .ref-mot-copy .ref-script{font-size:15px!important}
  .ref-mot-copy p{font-size:8px!important;max-width:132px!important}
}


/* v29 — new logo integration */
.brand{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.brand-logo{display:block;width:auto;max-width:100%;height:54px;object-fit:contain}.site-header .brand{flex:0 0 auto}.site-header .brand-logo{height:52px}.login-brand{display:flex;align-items:center;margin-bottom:26px}.login-brand .brand-logo{height:72px}.footer-brand-wrap .brand{margin-bottom:14px}.footer-brand-wrap .brand-logo{height:66px}.ref-bottom-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ref-bottom-brand .brand-logo{height:60px}.ref-bottom-brand p{margin:0;color:var(--muted);font-size:11px}.brand-mark,.brand-name{display:none}
@media(max-width:980px){.site-header .brand-logo{height:48px}.footer-brand-wrap .brand-logo{height:60px}.login-brand .brand-logo{height:64px}}
@media(max-width:640px){.header-inner{height:74px;gap:16px}.site-header .brand-logo{height:42px}.login-brand{margin-bottom:20px}.login-brand .brand-logo{height:56px}.footer-brand-wrap .brand-logo{height:52px}.ref-bottom-brand .brand-logo{height:48px}}

/* v30 — mobile horizontal quick navigation */
.mobile-quick-nav{display:none}
@media(max-width:980px){
  .menu-btn{display:none!important}
  .main-nav{display:none!important}
  .mobile-quick-nav{display:block;border-top:1px solid rgba(238,230,223,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
  .mobile-quick-nav-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px max(12px,calc((100vw - 1160px)/2)) 10px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .mobile-quick-nav-scroll::-webkit-scrollbar{display:none}
  .mobile-quick-nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #ebe5df;border-radius:999px;background:#fff;color:#536174;font-size:11.5px;font-weight:850;letter-spacing:-.01em;box-shadow:0 5px 14px rgba(53,37,25,.045);scroll-snap-align:start;transition:.18s}
  .mobile-quick-nav a:hover,.mobile-quick-nav a.active{color:var(--brand);border-color:#ffd2bb;background:#fff5ee}
  .mobile-quick-nav a.mobile-quick-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand),#ff7b34);box-shadow:0 7px 18px rgba(255,101,21,.18)}
  .mobile-quick-nav a.mobile-quick-primary.active{color:#fff;background:linear-gradient(135deg,#f45b0b,#ff7b34)}
  .mobile-quick-nav a.auth-link{color:#fff;border-color:#17304f;background:#17304f;box-shadow:0 7px 18px rgba(23,48,79,.13)}
  .mobile-quick-nav a.auth-link.active{color:#fff;border-color:#17304f;background:#17304f}
  .library-sticky{top:120px!important}
  main [id]{scroll-margin-top:156px}
}
@media(max-width:700px){
  .header-inner{height:64px!important}
  .site-header .brand-logo{height:40px}
  .mobile-quick-nav-scroll{padding:7px 12px 9px;gap:7px}
  .mobile-quick-nav a{min-height:34px;padding:0 12px;font-size:10.8px}
  .library-sticky{top:114px!important}
}
@media(max-width:390px){
  .mobile-quick-nav a{padding:0 11px;font-size:10.3px}
}


/* v31 — unified desktop pill navigation */
@media(min-width:981px){
  .site-header{background:rgba(255,255,255,.91);box-shadow:0 7px 24px rgba(70,43,24,.035)}
  .header-inner{height:82px;gap:18px}
  .site-header .brand-logo{height:50px}
  .main-nav{
    display:flex!important;align-items:center;gap:4px;margin-left:auto;margin-right:auto;
    padding:5px;border:1px solid #efe3da;border-radius:999px;
    background:linear-gradient(180deg,#fffaf6,#fff7f1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(75,47,29,.045)
  }
  .main-nav>a,.main-nav>.mega-nav>summary{
    display:inline-flex;align-items:center;justify-content:center;min-height:38px;
    padding:0 13px;border:1px solid transparent;border-radius:999px;
    color:#566375;font-size:12.5px;font-weight:850;letter-spacing:-.012em;
    white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s
  }
  .main-nav>a:hover,.main-nav>.mega-nav>summary:hover{
    color:var(--brand);background:#fff;border-color:#f0ded2;
    box-shadow:0 5px 14px rgba(70,43,24,.055);transform:translateY(-1px)
  }
  .main-nav>a.active,.main-nav>.mega-nav.nav-active>summary{
    color:#fff;background:linear-gradient(135deg,var(--brand),#ff7b34);border-color:transparent;
    box-shadow:0 7px 18px rgba(255,101,21,.18)
  }
  .main-nav>.mega-nav.nav-active>summary::after{color:#fff}
  .main-nav>.mega-nav>summary::after{margin-left:2px}
  .mega-panel{top:calc(100% + 14px)}
  .header-actions{gap:7px;flex:0 0 auto}
  .header-actions .text-btn{
    display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;
    border:1px solid #e6e1dc;border-radius:999px;background:#fff;color:#17304f;font-size:12px;
    box-shadow:0 5px 14px rgba(45,55,70,.035)
  }
  .header-actions .text-btn:hover{border-color:#cfd8e1;background:#f8fafc}
  .header-actions .primary-btn.small{min-height:40px;padding:0 15px;border-radius:999px;font-size:12px;box-shadow:0 8px 20px rgba(255,101,21,.16)}
}
@media(min-width:981px) and (max-width:1120px){
  .header-inner{gap:12px}
  .site-header .brand-logo{height:46px}
  .main-nav{gap:2px;padding:4px}
  .main-nav>a,.main-nav>.mega-nav>summary{padding:0 10px;font-size:11.5px;min-height:36px}
  .header-actions .text-btn{padding:0 9px;font-size:11px}
  .header-actions .primary-btn.small{padding:0 11px;font-size:11px}
}


/* v32 — professional editorial navigation */
@media(min-width:981px){
  .site-header{
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid rgba(23,48,79,.08)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.75),0 8px 28px rgba(23,48,79,.035)!important;
    backdrop-filter:blur(18px) saturate(145%);
  }
  .header-inner{height:80px!important;gap:24px!important}
  .site-header .brand-logo{height:50px!important}

  .main-nav{
    display:flex!important;align-items:stretch!important;gap:25px!important;
    margin-left:auto!important;margin-right:auto!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;height:80px!important;
  }
  .main-nav>a,.main-nav>.mega-nav>summary{
    position:relative!important;display:inline-flex!important;align-items:center!important;
    justify-content:center!important;min-height:80px!important;padding:2px 0 0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#46566a!important;font-size:13px!important;
    font-weight:700!important;letter-spacing:-.006em!important;white-space:nowrap!important;
    transform:none!important;transition:color .18s ease!important;
  }
  .main-nav>a::after,.main-nav>.mega-nav>summary::before{
    content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;border-radius:999px;
    background:var(--brand);transform:translateX(-50%);transition:width .2s ease;
  }
  .main-nav>a:hover,.main-nav>.mega-nav>summary:hover{color:#172f4e!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
  .main-nav>a:hover::after,.main-nav>.mega-nav>summary:hover::before{width:100%}
  .main-nav>a.active,.main-nav>.mega-nav.nav-active>summary{color:#172f4e!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .main-nav>a.active::after,.main-nav>.mega-nav.nav-active>summary::before{width:100%}
  .main-nav>.mega-nav>summary::after{color:#8793a0!important;font-size:10px!important;margin-left:7px!important;transform-origin:center!important}
  .main-nav>.mega-nav[open]>summary::after{color:var(--brand)!important}

  .header-actions{gap:17px!important;flex:0 0 auto!important}
  .header-actions .text-btn{
    min-height:auto!important;padding:9px 0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:#17304f!important;
    font-size:13px!important;font-weight:750!important;position:relative!important;
  }
  .header-actions .text-btn::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#17304f;transform:scaleX(0);transition:transform .18s;transform-origin:right}
  .header-actions .text-btn:hover::after{transform:scaleX(1);transform-origin:left}
  .header-actions .primary-btn.small{
    min-height:42px!important;padding:0 17px!important;border-radius:12px!important;
    font-size:12.5px!important;font-weight:850!important;box-shadow:0 9px 22px rgba(255,101,21,.16)!important;
  }

  /* cleaner mega menu */
  .mega-panel{
    top:calc(100% + 1px)!important;left:50%!important;right:auto!important;
    transform:translateX(-42%)!important;width:min(920px,calc(100vw - 56px))!important;
    border:1px solid #e8e8e5!important;border-top:2px solid var(--brand)!important;
    border-radius:0 0 20px 20px!important;background:rgba(255,255,255,.985)!important;
    box-shadow:0 24px 54px rgba(23,48,79,.12)!important;padding:26px 28px 28px!important;
  }
  .mega-grid{grid-template-columns:1.05fr 1.1fr .9fr!important;gap:26px!important}
  .mega-col{gap:13px!important}
  .mega-label{font-size:10px!important;letter-spacing:.14em!important;color:#9a9fa7!important}
  .mega-title-link{font-size:13px!important;padding:0 0 9px!important;border-bottom:1px solid #eee!important}
  .mega-block{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
  .mega-block+ .mega-block{padding-top:14px!important;border-top:1px solid #f0efed!important}
  .mega-block strong{font-size:13px!important;margin-bottom:8px!important;color:#172f4e!important}
  .mega-links{gap:3px 12px!important}
  .mega-links a{
    border:0!important;border-radius:8px!important;background:transparent!important;
    padding:8px 8px!important;font-size:11.5px!important;font-weight:650!important;color:#59677a!important;
  }
  .mega-links a:hover{background:#fff5ee!important;color:var(--brand)!important;transform:none!important}
  .mega-side{padding-left:22px!important;border-left:1px solid #efeeeb!important}
  .mega-spot{
    min-height:auto!important;border:0!important;border-radius:12px!important;
    background:#f8fafc!important;padding:14px!important;color:#46566a!important;
  }
  .mega-spot.soft{background:#fff5ee!important}
  .mega-spot:hover{transform:none!important;box-shadow:none!important;background:#f3f6f9!important}
  .mega-spot.soft:hover{background:#ffede1!important}
  .mega-spot b{font-size:13px!important}.mega-spot span{font-size:11px!important;line-height:1.5!important}
}

@media(min-width:981px) and (max-width:1120px){
  .header-inner{gap:17px!important}.site-header .brand-logo{height:46px!important}
  .main-nav{gap:17px!important}.main-nav>a,.main-nav>.mega-nav>summary{font-size:11.7px!important}
  .header-actions{gap:12px!important}.header-actions .text-btn{font-size:11.8px!important}
  .header-actions .primary-btn.small{padding:0 13px!important;font-size:11.5px!important}
}

/* mobile/tablet: slim horizontal text rail, no pill buttons */
@media(max-width:980px){
  .site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(23,48,79,.08)!important;box-shadow:0 8px 24px rgba(23,48,79,.035)!important}
  .menu-btn{display:none!important}.main-nav{display:none!important}
  .mobile-quick-nav{display:block!important;border-top:1px solid #f0efec!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)}
  .mobile-quick-nav-scroll{gap:23px!important;padding:0 14px!important;min-height:47px!important;align-items:stretch!important;scroll-snap-type:x proximity!important}
  .mobile-quick-nav a{
    position:relative!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
    min-height:47px!important;padding:1px 0 0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:#536174!important;
    font-size:11.4px!important;font-weight:720!important;letter-spacing:-.005em!important;
  }
  .mobile-quick-nav a::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;border-radius:999px;background:var(--brand);transform:translateX(-50%);transition:width .18s ease}
  .mobile-quick-nav a:hover,.mobile-quick-nav a.active,.mobile-quick-nav a.mobile-quick-primary,.mobile-quick-nav a.auth-link{
    color:#17304f!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .mobile-quick-nav a.active::after,.mobile-quick-nav a:hover::after{width:100%}
  .mobile-quick-nav a.mobile-quick-primary.active,.mobile-quick-nav a.auth-link.active{color:#17304f!important;background:transparent!important}
  .library-sticky{top:111px!important}main [id]{scroll-margin-top:148px}
}
@media(max-width:700px){
  .header-inner{height:64px!important}.site-header .brand-logo{height:40px!important}
  .mobile-quick-nav-scroll{gap:21px!important;padding:0 12px!important;min-height:45px!important}
  .mobile-quick-nav a{min-height:45px!important;font-size:10.8px!important}
  .library-sticky{top:109px!important}
}



/* v33 — restore professional burger navigation on mobile/tablet */
@media(max-width:980px){
  .mobile-quick-nav{display:none!important}
  .site-header{overflow:visible!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(23,48,79,.08)!important;box-shadow:0 8px 26px rgba(23,48,79,.045)!important}
  .header-inner{position:relative!important;height:68px!important;gap:12px!important}
  .site-header .brand-logo{height:42px!important}
  .header-actions{margin-left:auto!important;gap:8px!important}
  .header-actions .hide-mobile,.header-actions .primary-btn.small{display:none!important}

  .menu-btn{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;padding:0!important;margin:0!important;
    border:1px solid #e8e4df!important;border-radius:13px!important;background:#fff!important;
    box-shadow:0 5px 16px rgba(23,48,79,.055)!important;cursor:pointer!important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
  }
  .menu-btn:hover{border-color:#ffd0b7!important;background:#fffaf6!important}
  .menu-btn span{
    width:19px!important;height:2px!important;margin:2.5px 0!important;border-radius:999px!important;
    background:#17304f!important;transition:transform .2s ease,opacity .18s ease!important;transform-origin:center!important;
  }
  .menu-btn[aria-expanded="true"]{border-color:#ffd0b7!important;background:#fff7f1!important;box-shadow:none!important}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

  .main-nav{
    display:none!important;position:fixed!important;z-index:80!important;
    top:68px!important;left:12px!important;right:12px!important;width:auto!important;
    max-height:calc(100dvh - 82px)!important;overflow-y:auto!important;
    margin:0!important;padding:10px!important;gap:5px!important;
    flex-direction:column!important;align-items:stretch!important;
    background:rgba(255,255,255,.985)!important;border:1px solid #e9e5e0!important;border-radius:18px!important;
    box-shadow:0 22px 55px rgba(23,48,79,.16)!important;backdrop-filter:blur(20px)!important;
  }
  .main-nav.open{display:flex!important}
  .main-nav>a,.main-nav>.mobile-auth-nav{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:48px!important;padding:0 14px!important;
    border:0!important;border-radius:11px!important;background:transparent!important;
    color:#31445b!important;font-size:13px!important;font-weight:750!important;
    box-shadow:none!important;transition:background .16s ease,color .16s ease!important;
  }
  .main-nav>a::after{display:none!important}
  .main-nav>a:hover,.main-nav>a.active{background:#fff5ee!important;color:var(--brand)!important}
  .main-nav>.mobile-auth-nav{margin-top:4px!important;border-top:1px solid #efebe7!important;border-radius:0 0 11px 11px!important;color:#17304f!important}
  .main-nav>.mobile-auth-nav:hover{background:#f7f9fb!important;color:#17304f!important}

  .main-nav>.mega-nav{width:100%!important;margin:0!important;padding:0!important}
  .main-nav>.mega-nav>summary{
    min-height:48px!important;width:100%!important;padding:0 14px!important;border:0!important;border-radius:11px!important;
    background:transparent!important;color:#31445b!important;font-size:13px!important;font-weight:750!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;list-style:none!important;
  }
  .main-nav>.mega-nav>summary small{display:none!important}
  .main-nav>.mega-nav>summary::before{display:none!important}
  .main-nav>.mega-nav>summary::after{margin-left:auto!important;color:#8490a0!important;font-size:10px!important}
  .main-nav>.mega-nav[open]>summary,.main-nav>.mega-nav.nav-active>summary{background:#fff5ee!important;color:var(--brand)!important}
  .main-nav>.mega-nav[open]>summary::after{color:var(--brand)!important}

  .main-nav .mega-panel{
    position:static!important;transform:none!important;width:100%!important;margin:5px 0 4px!important;
    padding:10px!important;border:1px solid #efeae5!important;border-radius:13px!important;background:#fbfaf8!important;
    box-shadow:none!important;
  }
  .main-nav .mega-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .main-nav .mega-col{gap:8px!important}
  .main-nav .mega-title-link{padding:8px 9px!important;border-radius:9px!important;background:#fff!important;font-size:12px!important}
  .main-nav .mega-label{padding:3px 8px 0!important;font-size:9px!important;letter-spacing:.12em!important}
  .main-nav .mega-block{padding:11px!important;border:1px solid #eee9e4!important;border-radius:11px!important;background:#fff!important}
  .main-nav .mega-block+ .mega-block{padding-top:11px!important;border-top:1px solid #eee9e4!important}
  .main-nav .mega-block strong{font-size:12px!important;margin-bottom:7px!important}
  .main-nav .mega-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 7px!important}
  .main-nav .mega-links a{padding:8px 9px!important;border:0!important;border-radius:8px!important;background:#f8f7f5!important;font-size:10.5px!important;font-weight:700!important}
  .main-nav .mega-links a:hover{background:#fff0e7!important;color:var(--brand)!important}
  .main-nav .mega-side{padding-left:0!important;border-left:0!important}
  .main-nav .mega-spot{min-height:auto!important;padding:11px!important;border:0!important;border-radius:10px!important;background:#f5f7f9!important}
  .main-nav .mega-spot.soft{background:#fff1e8!important}
  .main-nav .mega-spot b{font-size:11.5px!important}.main-nav .mega-spot span{font-size:10px!important;line-height:1.45!important}

  .library-sticky{top:68px!important}
  main [id]{scroll-margin-top:104px!important}
}
@media(max-width:700px){
  .header-inner{height:64px!important}
  .site-header .brand-logo{height:40px!important}
  .main-nav{top:64px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 76px)!important;border-radius:16px!important}
  .menu-btn{width:42px!important;height:42px!important;border-radius:12px!important}
  .library-sticky{top:64px!important}
  main [id]{scroll-margin-top:98px!important}
}
@media(max-width:390px){
  .main-nav .mega-links{grid-template-columns:1fr!important}
}


/* v34 — corporate contact emails */
.contact-email{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--brand);font-size:13px;font-weight:850;word-break:break-word}.contact-email span{border-bottom:1px solid rgba(255,101,21,.28);padding-bottom:2px}.contact-email b{width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-size:15px;transition:.18s}.contact-email:hover b{transform:translate(2px,-2px);background:var(--brand);color:#fff}.contact-general{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px}.contact-general div{display:grid;gap:4px}.contact-general div>strong{font-size:13px}.contact-general div>span{font-size:12px;color:var(--muted)}.contact-general>a{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:13px;font-weight:900;white-space:nowrap}.contact-general>a b{font-size:15px}.simple-contact-card{display:flex;flex-direction:column}
@media(max-width:700px){.contact-general{align-items:flex-start;flex-direction:column;gap:12px}.contact-general>a{white-space:normal;word-break:break-word}.contact-email{font-size:12px}}


/* v35 — refined corporate copy + library search + desktop banner + Instagram */
.library-search-wrap{position:relative;margin:22px 0 18px}.library-search-box{height:54px;display:flex;align-items:center;gap:11px;padding:0 12px 0 16px;background:#fff;border:1px solid #e6e1dc;border-radius:16px;box-shadow:0 8px 24px rgba(23,48,79,.045);transition:border-color .18s,box-shadow .18s}.library-search-box:focus-within{border-color:#ffb992;box-shadow:0 0 0 4px rgba(255,101,21,.08),0 10px 26px rgba(23,48,79,.05)}.library-search-box svg{width:20px;height:20px;fill:none;stroke:#7b8795;stroke-width:1.8;stroke-linecap:round;flex:0 0 auto}.library-search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#17304f;font-size:14px}.library-search-box input::placeholder{color:#9aa2ac}.library-search-box button{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#9aa2ac;font-size:22px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:.16s}.library-search-box.has-value button{opacity:1;pointer-events:auto}.library-search-box button:hover{background:#fff1e8;color:var(--brand)}.library-search-results{position:absolute;z-index:30;left:0;right:0;top:62px;background:#fff;border:1px solid #e7e2dd;border-radius:16px;box-shadow:0 18px 42px rgba(23,48,79,.13);padding:7px;max-height:330px;overflow:auto}.library-search-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:11px;font-size:12.5px;font-weight:760;color:#34475e}.library-search-results a:hover,.library-search-results a:focus{background:#fff5ee;color:var(--brand);outline:0}.library-search-results a small{color:#929ba5;font-size:10px;font-weight:700;text-align:right}.library-search-empty{padding:14px;color:var(--muted);font-size:12px;text-align:center}.instagram-link{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:14px;padding:9px 12px;border:1px solid #e7e2dd;border-radius:12px;color:#34475e;font-size:12px;font-weight:850;transition:.18s}.instagram-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-link:hover{color:var(--brand);border-color:#ffd0b7;background:#fff7f1;transform:translateY(-1px)}
@media(min-width:981px){.ref-motivation{background:transparent!important;overflow:visible!important;padding:28px 0 16px!important}.ref-motivation-inner{width:min(1160px,calc(100% - 40px))!important;margin-inline:auto!important;min-height:286px!important;grid-template-columns:.82fr 1.18fr!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(100deg,#ffe6d5 0%,#fff0e5 46%,#f8e5d7 100%)!important;box-shadow:0 18px 46px rgba(91,55,30,.09)!important;border:1px solid #f0ddd0!important}.ref-mot-copy{padding:46px 42px!important}.ref-mot-copy .ref-script{font-size:30px!important;max-width:430px!important;line-height:1.16!important}.ref-mot-copy p{max-width:420px!important;font-size:13px!important;line-height:1.65!important;margin-top:16px!important}.ref-mot-photo{height:286px!important;min-height:286px!important}.ref-mot-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important}}
@media(max-width:700px){.library-search-box{height:50px;border-radius:14px}.library-search-box input{font-size:13px}.library-search-results{top:57px}.instagram-link{margin-top:12px}}


/* v38 — yalnızca masaüstü düzeltmesi. 980px ve altındaki mevcut mobil/tablet düzeni v36 ile aynıdır. */
@media (min-width:981px){
  /* Üst görsel: metin sütununu bozmadan, fotoğrafı kendi doğal oranında göster. */
  .ref-static-hero{
    grid-template-columns:minmax(0,1fr) minmax(500px,554px)!important;
    align-items:center!important;
  }
  .ref-static-hero .ref-copy{
    padding:54px 28px 54px 54px!important;
  }
  .ref-static-hero .ref-photo{
    min-height:0!important;
    height:auto!important;
    align-self:center!important;
    padding:24px 24px 24px 0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .ref-static-hero .ref-photo picture{
    display:block!important;
    width:100%!important;
  }
  .ref-static-hero .ref-photo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:554/370!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:22px!important;
    box-shadow:0 18px 42px rgba(76,48,30,.10)!important;
  }

  /* Orta banner: masaüstünde temiz/kırpılmamış görsel + metin HTML/CSS ile, mobil görsel aynen kalır. */
  .ref-motivation{
    background:transparent!important;
    overflow:visible!important;
    padding:28px 0 16px!important;
  }
  .ref-motivation-inner{
    width:min(1160px,calc(100% - 40px))!important;
    margin-inline:auto!important;
    min-height:270px!important;
    grid-template-columns:.86fr 1.14fr!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:linear-gradient(100deg,#ffe6d5 0%,#fff0e5 46%,#f4e3d6 100%)!important;
    box-shadow:0 18px 46px rgba(91,55,30,.09)!important;
    border:1px solid #f0ddd0!important;
  }
  .ref-mot-copy{
    padding:44px 40px!important;
  }
  .ref-mot-photo{
    position:relative!important;
    height:270px!important;
    min-height:270px!important;
    overflow:hidden!important;
    background:#f3e4d8!important;
  }
  .ref-mot-photo picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  .ref-mot-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .ref-mot-photo::after{
    content:"Gelecek\A senin elinde";
    white-space:pre;
    position:absolute;
    top:24px;
    right:26px;
    z-index:2;
    font-family:"Comic Sans MS","Segoe Print","Segoe Script",cursive;
    font-size:30px;
    line-height:.96;
    font-weight:500;
    color:#355f6a;
    text-align:center;
    text-shadow:0 1px 0 rgba(255,255,255,.45);
  }

  /* Alttaki slogan: mobilde kullanılan aynı font sırası. */
  .ref-bottom-cta strong{
    font-family:"Comic Sans MS","Segoe Print","Segoe Script",cursive!important;
    font-weight:500!important;
    font-size:25px!important;
    line-height:1.16!important;
    letter-spacing:0!important;
  }
}



/* v36 — masaüstü görsel kırpma ve el yazısı uyumu. Mobil kurallar korunur. */
@media (min-width:981px){
  /* Görsel içindeki sağ taraftaki mesajlar artık kırpılmasın: kırpma payını soldan al. */
  .ref-static-hero .ref-photo{
    background:#f3dfd0!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:contain!important;
    object-position:center!important;
  }
  .ref-mot-photo img{
    object-fit:cover!important;
    object-position:right center!important;
  }

  /* Masaüstünde de mobildeki el yazısı hissine yakın tipografi. */
  .ref-script,
  .ref-bottom-cta strong{
    font-family:"Segoe Print","Segoe Script","Comic Sans MS",cursive!important;
    font-weight:500!important;
  }
  .ref-bottom-cta strong{
    font-size:25px!important;
    line-height:1.22!important;
    letter-spacing:-.01em!important;
  }
}


.ref-script,
.ref-bottom-cta strong,
.ref-mot-tag{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}
.ref-script{
  color:#17304f!important;
  border-bottom:2px solid rgba(255,106,26,.78)!important;
  padding-bottom:6px!important;
  display:inline-block!important;
  transform:none!important;
}
.ref-bottom-cta strong{
  color:#17304f!important;
  font-size:26px!important;
  line-height:1.18!important;
}
.ref-motivation{
  padding:24px 0 12px!important;
  background:transparent!important;
  overflow:visible!important;
}
.ref-motivation-inner{
  width:min(1160px,calc(100% - 40px))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:.95fr 1.05fr!important;
  min-height:300px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#fff6ef 0%,#fff1e6 58%,#f7e5d8 100%)!important;
  box-shadow:0 18px 46px rgba(91,55,30,.09)!important;
  border:1px solid #f0ddd0!important;
}
.ref-mot-copy{
  padding:44px 40px!important;
  display:flex!important;
  justify-content:center!important;
  flex-direction:column!important;
}
.ref-mot-copy .ref-script{
  font-size:32px!important;
  line-height:1.12!important;
  max-width:430px!important;
}
.ref-mot-copy p{
  max-width:420px!important;
  font-size:13px!important;
  line-height:1.65!important;
  margin-top:16px!important;
  color:#5e544c!important;
}
.ref-mot-photo{
  height:300px!important;
  min-height:300px!important;
  overflow:hidden!important;
  background:#f3e4d8!important;
  position:relative!important;
}
.ref-mot-photo picture,
.ref-mot-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.ref-mot-photo img{
  object-fit:cover!important;
  object-position:center!important;
}
.ref-mot-photo::after{
  content:none!important;
}
.ref-static-hero{
  grid-template-columns:minmax(0,1fr) minmax(520px,580px)!important;
  align-items:stretch!important;
}
.ref-static-hero .ref-copy{
  padding:54px 28px 54px 54px!important;
}
.ref-static-hero .ref-photo{
  min-height:100%!important;
  height:auto!important;
  align-self:stretch!important;
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
  border-top-right-radius:26px!important;
  border-bottom-right-radius:26px!important;
}
.ref-static-hero .ref-photo picture,
.ref-static-hero .ref-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.ref-static-hero .ref-photo img{
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media (max-width:980px){
  .ref-static-hero{grid-template-columns:1fr!important;}
  .ref-static-hero .ref-copy{padding:30px 24px 24px!important;}
  .ref-static-hero .ref-photo{height:auto!important;min-height:0!important;border-radius:0 0 20px 20px!important;}
  .ref-static-hero .ref-photo img{aspect-ratio:4/3!important;object-position:center 35%!important;}
  .ref-motivation{padding:18px 0 12px!important;}
  .ref-motivation-inner{width:calc(100% - 18px)!important;grid-template-columns:1fr!important;min-height:0!important;}
  .ref-mot-copy{padding:28px 22px 18px!important;}
  .ref-mot-copy .ref-script{font-size:24px!important;max-width:none!important;}
  .ref-mot-copy p{font-size:12px!important;max-width:none!important;}
  .ref-mot-photo{height:auto!important;min-height:0!important;}
  .ref-mot-photo img{aspect-ratio:16/10!important;object-position:center!important;}
}
@media (max-width:640px){
  .ref-script{font-size:18px!important;}
  .ref-bottom-cta>.container{grid-template-columns:1fr!important;gap:14px!important;padding:24px 0!important;}
  .ref-bottom-cta strong{font-size:20px!important;}
}


/* v40: görseller, kullanıldıkları banner alanlarının oranında ayrı üretildi. Crop uygulanmaz. */
@media (min-width:981px){
  .ref-static-hero{
    grid-template-columns:minmax(0,1fr) minmax(520px,580px)!important;
    align-items:center!important;
  }
  .ref-static-hero .ref-photo{
    aspect-ratio:6/5!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7e8dd!important;
    border-radius:0 26px 26px 0!important;
  }
  .ref-static-hero .ref-photo picture,
  .ref-static-hero .ref-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:contain!important;
    object-position:center!important;
    aspect-ratio:6/5!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .ref-motivation-inner{
    grid-template-columns:.86fr 1.14fr!important;
    min-height:0!important;
    align-items:center!important;
  }
  .ref-mot-photo{
    aspect-ratio:12/5!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#f3e5d9!important;
  }
  .ref-mot-photo picture,
  .ref-mot-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-mot-photo img{
    object-fit:contain!important;
    object-position:center!important;
    aspect-ratio:12/5!important;
  }
}

@media (max-width:980px){
  .ref-static-hero .ref-photo{
    aspect-ratio:4/3!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ref-static-hero .ref-photo picture,
  .ref-static-hero .ref-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:contain!important;
    object-position:center!important;
    aspect-ratio:4/3!important;
  }

  .ref-mot-photo{
    aspect-ratio:8/5!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ref-mot-photo picture,
  .ref-mot-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-mot-photo img{
    object-fit:contain!important;
    object-position:center!important;
    aspect-ratio:8/5!important;
  }
}

/* Aynı slogan fontu her sürümde. */
.ref-script,
.ref-bottom-cta strong{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-style:italic!important;
  font-weight:600!important;
}


/* v41: motivation banner image refresh + mobile fit fix */
@media (min-width:981px){
  .ref-motivation{background:transparent!important;padding:28px 0 16px!important;overflow:visible!important;}
  .ref-motivation .ref-motivation-inner{display:grid!important;grid-template-columns:.84fr 1.16fr!important;align-items:stretch!important;min-height:286px!important;border-radius:28px!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-copy{padding:46px 42px!important;}
  .ref-motivation .ref-mot-photo{height:286px!important;min-height:286px!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-photo picture,
  .ref-motivation .ref-mot-photo img{display:block!important;width:100%!important;height:100%!important;}
  .ref-motivation .ref-mot-photo img{object-fit:cover!important;object-position:center center!important;}
}
@media (max-width:980px){
  .ref-motivation .ref-motivation-inner{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-copy{padding:28px 22px 16px!important;}
  .ref-motivation .ref-mot-photo{width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-photo picture,
  .ref-motivation .ref-mot-photo img{display:block!important;width:100%!important;height:100%!important;}
}
@media (min-width:641px) and (max-width:980px){
  .ref-motivation .ref-motivation-inner{width:calc(100% - 24px)!important;border-radius:24px!important;}
  .ref-motivation .ref-mot-photo{aspect-ratio:16/10!important;}
  .ref-motivation .ref-mot-photo img{object-fit:cover!important;object-position:center center!important;}
}
@media (max-width:640px){
  .ref-motivation .ref-motivation-inner{width:calc(100% - 18px)!important;border-radius:20px!important;}
  .ref-motivation .ref-mot-copy{padding:24px 18px 14px!important;}
  .ref-motivation .ref-mot-copy .ref-script{font-size:20px!important;line-height:1.28!important;}
  .ref-motivation .ref-mot-copy p{font-size:11.5px!important;line-height:1.55!important;}
  .ref-motivation .ref-mot-photo{aspect-ratio:8/5!important;border-radius:0 0 20px 20px!important;}
  .ref-motivation .ref-mot-photo img{object-fit:cover!important;object-position:center center!important;}
}


/* v42 — final banner sizing pass: distinct desktop/mobile assets, no forced crop */
@media (min-width:981px){
  .ref-static-hero{
    grid-template-columns:minmax(0,1fr) minmax(520px,580px)!important;
    align-items:center!important;
    min-height:490px!important;
  }
  .ref-static-hero .ref-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:6/5!important;
    align-self:center!important;
    overflow:hidden!important;
    background:#f7e6d8!important;
    border-radius:0 26px 26px 0!important;
  }
  .ref-static-hero .ref-photo picture,
  .ref-static-hero .ref-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:cover!important;
    object-position:center!important;
  }

  .ref-motivation .ref-motivation-inner{
    display:grid!important;
    grid-template-columns:.84fr 1.16fr!important;
    align-items:center!important;
    min-height:0!important;
  }
  .ref-motivation .ref-mot-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:12/5!important;
    align-self:center!important;
    overflow:hidden!important;
  }
  .ref-motivation .ref-mot-photo picture,
  .ref-motivation .ref-mot-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-motivation .ref-mot-photo img{
    object-fit:cover!important;
    object-position:center!important;
  }
}
@media (min-width:641px) and (max-width:980px){
  .ref-static-hero .ref-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  .ref-static-hero .ref-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .ref-motivation .ref-mot-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:8/5!important;
  }
  .ref-motivation .ref-mot-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}
@media (max-width:640px){
  .ref-static-hero .ref-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
  }
  .ref-static-hero .ref-photo picture,
  .ref-static-hero .ref-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .ref-motivation .ref-motivation-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ref-motivation .ref-mot-photo{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:8/5!important;
    overflow:hidden!important;
    border-radius:0 0 20px 20px!important;
  }
  .ref-motivation .ref-mot-photo picture,
  .ref-motivation .ref-mot-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .ref-motivation .ref-mot-photo img{
    object-fit:cover!important;
    object-position:center!important;
  }
}


/* v43 — alt banner sadeleştirildi: slogan kaldırıldı, görünüm yumuşatıldı */
.ref-bottom-cta{
  background:linear-gradient(180deg,rgba(255,246,239,.42) 0%,rgba(255,255,255,.96) 100%)!important;
  border-top:1px solid rgba(241,228,219,.65)!important;
}
.ref-bottom-cta>.container{
  grid-template-columns:1fr auto!important;
  min-height:102px!important;
}
.ref-bottom-cta strong{
  display:none!important;
}
.ref-bottom-brand{
  opacity:.84!important;
}
@media (max-width:640px){
  .ref-bottom-cta>.container{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:20px 0!important;
  }
  .ref-bottom-cta .primary-btn{
    width:100%!important;
  }
}


/* v44 — dört banner alanı ayrı ayrı sabitlendi; görsel oranları korunur, slogan fontu tüm sürümlerde aynıdır */
.ref-script,
.ref-mot-copy .ref-script,
.ref-bottom-cta strong{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

.ref-banner-picture,
.ref-banner-picture img{
  display:block;
  width:100%;
  height:100%;
}

@media (min-width:981px){
  .ref-static-shell{
    overflow:hidden!important;
    border-radius:28px!important;
  }
  .ref-static-hero{
    grid-template-columns:minmax(0,1fr) 560px!important;
    align-items:stretch!important;
    min-height:492px!important;
  }
  .ref-static-hero .ref-copy{
    min-width:0!important;
    padding:52px 44px 48px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .ref-static-hero .ref-script{
    font-size:30px!important;
    line-height:1.15!important;
    max-width:430px!important;
  }
  .ref-static-hero .ref-copy h1{
    max-width:440px!important;
    font-size:70px!important;
    line-height:.96!important;
    letter-spacing:-.03em!important;
    margin:18px 0 14px!important;
  }
  .ref-static-hero .ref-copy p{
    max-width:470px!important;
    font-size:16px!important;
    line-height:1.65!important;
  }
  .ref-static-hero .ref-photo{
    width:560px!important;
    min-width:560px!important;
    height:492px!important;
    min-height:492px!important;
    border-radius:0 28px 28px 0!important;
    overflow:hidden!important;
    position:relative!important;
    background:#f3e8de!important;
    flex-shrink:0!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .ref-static-hero .ref-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,0) 70%,rgba(255,248,242,.10) 100%);
    pointer-events:none;
  }

  .ref-motivation{
    background:transparent!important;
    padding:28px 0 16px!important;
    overflow:visible!important;
  }
  .ref-motivation .ref-motivation-inner{
    width:min(1160px,calc(100% - 40px))!important;
    margin-inline:auto!important;
    display:grid!important;
    grid-template-columns:.86fr 1.14fr!important;
    align-items:stretch!important;
    min-height:300px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:linear-gradient(100deg,#ffe8d9 0%,#fff1e7 48%,#f8e8de 100%)!important;
    border:1px solid #f0ddd0!important;
    box-shadow:0 18px 46px rgba(91,55,30,.08)!important;
  }
  .ref-motivation .ref-mot-copy{
    min-width:0!important;
    padding:48px 42px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .ref-motivation .ref-mot-copy .ref-script{
    font-size:31px!important;
    line-height:1.17!important;
    max-width:430px!important;
  }
  .ref-motivation .ref-mot-copy p{
    max-width:420px!important;
    font-size:13.5px!important;
    line-height:1.62!important;
    margin-top:15px!important;
  }
  .ref-motivation .ref-mot-photo{
    height:300px!important;
    min-height:300px!important;
    overflow:hidden!important;
    position:relative!important;
    background:#ece5dd!important;
    flex-shrink:0!important;
  }
  .ref-motivation .ref-mot-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .ref-motivation .ref-mot-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,249,244,.18) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 100%);
    pointer-events:none;
  }
}

@media (min-width:641px) and (max-width:980px){
  .ref-static-shell{
    width:calc(100% - 24px)!important;
    border-radius:24px!important;
  }
  .ref-static-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .ref-static-hero .ref-copy{
    padding:34px 28px 20px!important;
  }
  .ref-static-hero .ref-script{
    font-size:26px!important;
    line-height:1.18!important;
  }
  .ref-static-hero .ref-copy h1{
    font-size:56px!important;
    line-height:.97!important;
    max-width:520px!important;
  }
  .ref-static-hero .ref-photo{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4 / 3!important;
    border-radius:0 0 24px 24px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }

  .ref-motivation .ref-motivation-inner{
    width:calc(100% - 24px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .ref-motivation .ref-mot-copy{
    padding:30px 26px 16px!important;
  }
  .ref-motivation .ref-mot-copy .ref-script{
    font-size:27px!important;
    line-height:1.2!important;
  }
  .ref-motivation .ref-mot-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
    border-radius:0 0 24px 24px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .ref-motivation .ref-mot-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}

@media (max-width:640px){
  .ref-static-shell{
    width:calc(100% - 18px)!important;
    border-radius:18px!important;
  }
  .ref-static-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .ref-static-hero .ref-copy{
    padding:24px 18px 16px!important;
  }
  .ref-static-hero .ref-script{
    font-size:22px!important;
    line-height:1.2!important;
    max-width:100%!important;
  }
  .ref-static-hero .ref-copy h1{
    max-width:300px!important;
    font-size:44px!important;
    line-height:.98!important;
    letter-spacing:-.02em!important;
    margin:14px 0 12px!important;
  }
  .ref-static-hero .ref-copy p{
    font-size:13.5px!important;
    line-height:1.56!important;
  }
  .ref-static-hero .ref-actions{
    margin-top:16px!important;
  }
  .ref-static-hero .ref-photo{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4 / 3!important;
    border-radius:0 0 18px 18px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .ref-static-hero .ref-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }

  .ref-motivation{
    padding:18px 0 12px!important;
  }
  .ref-motivation .ref-motivation-inner{
    width:calc(100% - 18px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .ref-motivation .ref-mot-copy{
    padding:24px 18px 14px!important;
  }
  .ref-motivation .ref-mot-copy .ref-script{
    font-size:22px!important;
    line-height:1.23!important;
    max-width:none!important;
  }
  .ref-motivation .ref-mot-copy p{
    font-size:11.5px!important;
    line-height:1.55!important;
    max-width:none!important;
  }
  .ref-motivation .ref-mot-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
    border-radius:0 0 20px 20px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .ref-motivation .ref-mot-photo img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}


@media (max-width:640px){
  .ref-motivation .ref-motivation-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:calc(100% - 18px)!important;min-height:0!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-copy{order:1!important;width:100%!important;max-width:none!important;padding:24px 18px 16px!important;box-sizing:border-box!important;position:static!important;transform:none!important;margin:0!important;}
  .ref-motivation .ref-mot-copy .ref-script,.ref-motivation .ref-mot-copy p{display:block!important;position:static!important;transform:none!important;margin-left:0!important;margin-right:0!important;}
  .ref-motivation .ref-mot-copy p{margin-top:12px!important;}
  .ref-motivation .ref-mot-photo{order:2!important;width:100%!important;margin:0!important;aspect-ratio:8 / 5!important;min-height:0!important;height:auto!important;position:static!important;border-radius:0 0 20px 20px!important;overflow:hidden!important;}
  .ref-motivation .ref-mot-photo picture,.ref-motivation .ref-mot-photo img{display:block!important;width:100%!important;height:100%!important;}
  .ref-motivation .ref-mot-photo img{object-fit:cover!important;object-position:center center!important;}
}


@media (max-width: 640px){
  .ref-motivation{
    background: transparent !important;
    padding: 18px 0 12px !important;
    overflow: visible !important;
  }
  .ref-motivation .ref-motivation-inner{
    width: calc(100% - 18px) !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: 1.06fr 0.94fr !important;
    align-items: stretch !important;
    min-height: 188px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: linear-gradient(90deg, #f7e8dd 0%, #fff1e8 100%) !important;
    border: 1px solid #eedccf !important;
    box-shadow: 0 10px 24px rgba(91,55,30,.07) !important;
  }
  .ref-motivation .ref-mot-copy{
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 12px 14px 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    position: relative !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, rgba(255,247,241,.96), rgba(255,241,232,.92)) !important;
  }
  .ref-motivation .ref-mot-copy .ref-script{
    display: block !important;
    position: static !important;
    transform: none !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    letter-spacing: .01em !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 9px 0 !important;
    border-bottom: 2px solid var(--primary) !important;
    width: 100% !important;
  }
  .ref-motivation .ref-mot-copy p{
    display: block !important;
    position: static !important;
    transform: none !important;
    font-size: 10px !important;
    line-height: 1.58 !important;
    color: #5e544c !important;
    max-width: none !important;
    margin: 10px 0 0 !important;
  }
  .ref-motivation .ref-mot-photo,
  .ref-motivation .ref-mot-photo picture{
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 188px !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
  }
  .ref-motivation .ref-mot-photo img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
  }
  .ref-motivation .ref-mot-photo::after{display:none !important;}
}
@media (max-width: 420px){
  .ref-motivation .ref-motivation-inner{min-height: 180px !important;}
  .ref-motivation .ref-mot-copy{padding: 14px 11px 13px 14px !important;}
  .ref-motivation .ref-mot-copy .ref-script{font-size: 13px !important;line-height: 1.26 !important;}
  .ref-motivation .ref-mot-copy p{font-size: 9.5px !important;line-height: 1.55 !important;}
  .ref-motivation .ref-mot-photo,
  .ref-motivation .ref-mot-photo picture{min-height: 180px !important;}
}

:focus-visible{outline:3px solid #17304f;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:700px){input,select,textarea{font-size:16px!important}}
@media(max-width:980px){.ref-static-hero{grid-template-columns:minmax(0,1fr)!important}.ref-static-hero .ref-copy{min-width:0!important;max-width:100%!important}.ref-static-hero .ref-script{white-space:normal!important;max-width:100%!important;width:fit-content!important}.ref-static-hero .ref-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ref-static-hero .ref-actions a{min-width:0!important;white-space:normal!important;text-align:center}}@media(max-width:640px){.ref-static-hero .ref-script{font-size:clamp(18px,5.3vw,24px)!important}}
img{height:auto}.auth-captcha{margin:12px 0;min-height:65px}.auth-captcha:empty{display:none}