:root{--bg:#f7f8f5;--surface:#fff;--ink:#1a2822;--muted:#65736b;--border:#dce3dd;--line:#e8ece7;--deep:#20372b;--accent:#b84b2b;--accentDark:#973719;--pale:#edf2ec;--green:#217149;--greenLight:#edf7f0;--red:#ae4239;--redLight:#fff0ed;--radius:10px;--shadow:0 8px 20px rgba(29,42,35,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6a78f;outline-offset:3px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}b,strong{font-weight:680}.container{max-width:1216px;margin:0 auto;padding:0 28px}.header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.98);position:sticky;top:0;z-index:20}.header-content{max-width:1272px;padding:0 28px;margin:auto;display:flex;align-items:center;gap:32px;min-height:79px}.wordmark{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:17px;font-weight:750;letter-spacing:-.05em}.mark{display:grid;place-items:center;width:32px;height:32px;color:white;background:var(--deep);border-radius:7px;font-size:23px;letter-spacing:-.09em;padding-right:1px}.mark span{color:#e08c64}.main-nav{display:flex;align-items:stretch;gap:4px;margin-left:auto}.nav-link{border:0;background:transparent;color:#55645b;padding:12px 13px;border-radius:6px;font-size:13px;font-weight:590;white-space:nowrap}.nav-link:hover{background:#f1f4f0;color:var(--ink)}.nav-link.active{color:var(--deep);font-weight:760}.wordmark{color:var(--ink)}.top-cta{background:var(--deep);border:1px solid var(--deep);color:white;font-size:13px;font-weight:690;border-radius:7px;padding:12px 17px;white-space:nowrap}.top-cta:hover{background:#304b3a}.top-cta span{padding-left:9px}.menu-toggle{display:none}.page{display:none}.page.active{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:770;color:var(--accent);line-height:1.5}.home-page{padding-top:57px;padding-bottom:80px}.hero-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.hero-intro>div:first-child{max-width:735px}.hero-intro h1{font-size:clamp(44px,5.2vw,73px);line-height:1.06;letter-spacing:-.065em;font-weight:780;margin:13px 0 21px}.hero-intro h1 em{font-style:normal;color:var(--accent)}.hero-intro p{max-width:640px;color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 27px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:750;border:1px solid transparent;transition:background .15s,border .15s}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accentDark)}.btn-primary span{margin-left:9px}.btn-secondary{background:white;border-color:#bccdc0;color:var(--ink)}.btn-secondary:hover:not(:disabled){background:#eef3ed}.btn-dark{background:var(--deep);color:white;border-color:var(--deep)}.btn-dark:hover{background:#31503d}.wide{width:100%}.hero-intro-note{max-width:235px;display:flex;align-items:flex-start;gap:15px;color:#53655a;font-size:13px;line-height:1.65;margin-bottom:5px}.note-bar{width:3px;flex:none;background:var(--accent);height:61px}.feature-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,.72fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.feature-question{padding:34px clamp(23px,4vw,53px) 36px;min-height:440px}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;font-weight:590;margin-bottom:24px}.muted-label{color:var(--green);font-weight:690}.feature-question h2{font-size:clamp(24px,2.6vw,35px);line-height:1.3;letter-spacing:-.045em;max-width:690px;margin:0 0 26px;font-weight:730}.answer-stack{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answer-option{background:#fff;border:1px solid #d4ddd4;border-radius:8px;text-align:left;display:flex;align-items:flex-start;gap:12px;min-height:70px;padding:14px;font-size:13px;line-height:1.5;color:var(--ink)}.answer-option:hover:not(:disabled){border-color:#97ad9d;background:#fbfcfa}.answer-option .letter{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:5px;background:#f0f3ef;color:#65736b;font-size:11px;font-weight:790}.answer-option.correct{background:var(--greenLight);border-color:#83bc98}.answer-option.correct .letter{background:#d3ecda;color:var(--green)}.answer-option.wrong{background:var(--redLight);border-color:#d79f96}.answer-option.wrong .letter{background:#f8dcd5;color:var(--red)}.answer-option:disabled{opacity:1}.feedback{border-radius:8px;margin-top:17px;padding:17px 18px;border:1px solid var(--border);font-size:13px;line-height:1.6;background:#f7f9f6}.feedback.positive{border-color:#a5cfb3;background:var(--greenLight)}.feedback.negative{border-color:#e0b4ad;background:var(--redLight)}.feedback b{display:block;margin-bottom:3px}.question-next{border:0;background:none;padding:14px 0 0;color:var(--accent);font-weight:780;font-size:13px}.question-next:hover{text-decoration:underline}.feature-side{background:#edf2ed;border-left:1px solid var(--border);padding:39px 31px;display:flex;flex-direction:column}.feature-side h3{font-size:24px;letter-spacing:-.04em;margin:0 0 25px;line-height:1.28}.step{display:flex;gap:16px;padding:14px 0;border-top:1px solid #d9e2d9}.step>span{font-size:11px;color:#718278;font-weight:750;padding-top:4px;font-variant-numeric:tabular-nums}.step strong{font-size:13px}.step p{color:#687970;margin:5px 0 0;font-size:12px;line-height:1.55}.feature-side-footer{border-top:1px solid #d9e2d9;padding-top:15px;margin-top:auto;color:#66776b;font-size:11px;line-height:1.55}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:65px 0 22px}.section-title-row h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.05em;margin:8px 0 0}.text-link{border:0;background:transparent;color:var(--accent);font-weight:720;font-size:13px;padding:8px}.text-link:hover{text-decoration:underline}.course-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.course-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:26px;text-align:left;min-height:208px;display:flex;flex-direction:column;gap:9px}.course-card:hover{border-color:#abc0af;box-shadow:var(--shadow)}.course-card .course-school{color:var(--muted);font-size:12px}.course-card h3{font-size:21px;line-height:1.28;letter-spacing:-.04em;margin:5px 0}.course-card .course-meta{margin-top:auto;color:var(--muted);font-size:12px}.course-card .course-action{color:var(--accent);font-size:13px;font-weight:750;margin-top:11px}.compact-ribbon{margin-top:39px;border:1px solid #cfdbcf;border-radius:10px;background:#e9efe9;padding:30px 33px;display:flex;align-items:center;justify-content:space-between;gap:30px}.compact-ribbon h3{margin:0 0 8px;font-size:23px;letter-spacing:-.04em}.compact-ribbon p{max-width:600px;color:var(--muted);font-size:13px;margin:0}.page-main{padding-top:64px;padding-bottom:96px;min-height:calc(100vh - 200px)}.page-heading{margin-bottom:36px;max-width:830px}.page-heading h1{font-size:clamp(34px,4.2vw,53px);line-height:1.14;letter-spacing:-.06em;margin:12px 0 14px;max-width:22ch}.page-heading p{color:var(--muted);font-size:15px;max-width:750px;margin:0}.setup-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.76fr);gap:20px}.panel{border:1px solid var(--border);background:white;border-radius:10px}.form-panel{padding:34px}.form-section{margin-bottom:25px}.form-section label,.form-label,.exam-config label{display:block;font-weight:730;font-size:13px;margin-bottom:9px}.field-select{height:47px;width:100%;border:1px solid #c7d4c9;background:white;border-radius:7px;padding:0 13px;color:var(--ink);font-size:14px}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.selectable{border:1px solid #cbd6cc;background:white;border-radius:7px;padding:11px 17px;font-weight:660;font-size:13px}.selectable.selected{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset;background:#edf3ed}.setup-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.helper-text{font-size:12px;color:var(--muted)}.setup-aside{padding:34px;background:#edf2ed}.setup-aside h3{font-size:24px;letter-spacing:-.045em;margin:0 0 14px}.setup-aside>p{font-size:13px;color:var(--muted)}.aside-divider{height:1px;background:var(--border);margin:26px 0}.aside-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #d6e1d7;font-size:12px}.aside-row span{color:var(--muted)}.aside-row strong{text-align:right}.aside-subnote{font-size:11px;color:var(--muted);line-height:1.6;margin-top:28px}.exam-config{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.5fr);gap:28px}.exam-config>div:first-child{border:1px solid var(--border);background:white;padding:25px;border-radius:10px;align-self:start}.exam-config>div:nth-child(2){min-width:0}.exam-options{display:grid;gap:10px}.exam-option{border:1px solid var(--border);background:white;border-radius:9px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.exam-option.selected{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset}.exam-option strong{display:block;font-size:15px;margin-bottom:5px}.exam-option small{display:block;color:var(--muted);font-size:12px}.exam-option>span:last-child{font-size:11px;font-weight:700;color:var(--accent);white-space:nowrap}.exam-start-strip{background:var(--pale);border:1px solid var(--border);border-radius:10px;padding:27px;margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.exam-start-strip strong{font-size:16px}.exam-start-strip p{font-size:12px;color:var(--muted);margin:7px 0 0}.exam-start-strip .btn{flex:none}.session-shell{max-width:920px;margin:0 auto}.session-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.session-head .eyebrow{margin-bottom:6px}.session-head h2{font-size:21px;letter-spacing:-.04em;margin:0}.session-meta{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.session-meter{height:6px;background:#e2e9e1;border-radius:6px;overflow:hidden;margin:18px 0 25px}.session-meter span{display:block;height:100%;background:var(--deep);transition:width .22s}.session-card{background:white;border:1px solid var(--border);border-radius:10px;padding:35px}.question-info{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:16px}.session-card h2{font-size:clamp(23px,2.8vw,34px);line-height:1.32;letter-spacing:-.045em;margin:0 0 26px}.session-card .answer-stack{grid-template-columns:1fr}.session-card .answer-option{min-height:58px}.session-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:27px;flex-wrap:wrap}.quiet-btn{color:var(--muted);background:transparent;border:0;font-size:13px;padding:10px;font-weight:650}.quiet-btn:hover{text-decoration:underline}.exam-answer.selected-answer{border-color:var(--deep);background:#f0f5f0;box-shadow:0 0 0 1px var(--deep) inset}.exam-answer:disabled{opacity:1}.result-summary{background:white;border:1px solid var(--border);border-radius:10px;padding:35px;margin-bottom:18px}.result-summary h2{font-size:32px;letter-spacing:-.05em;margin:10px 0}.summary-big{font-size:58px;line-height:1.1;letter-spacing:-.07em;font-weight:760;font-variant-numeric:tabular-nums;margin:6px 0}.summary-small{font-size:13px;color:var(--muted)}.result-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.summary-number{padding:15px;background:#f3f6f2;border-radius:8px}.summary-number strong{font-size:25px;font-variant-numeric:tabular-nums;display:block}.summary-number span{font-size:11px;color:var(--muted)}.review-item{background:white;border:1px solid var(--border);border-radius:9px;padding:23px;margin:12px 0}.review-item h3{font-size:16px;line-height:1.5;margin:0 0 9px}.review-item p{font-size:13px;color:var(--muted);margin:6px 0}.review-status{font-size:11px;font-weight:700;color:var(--red)}.review-status.correct{color:var(--green)}.review-answer{color:var(--ink)!important}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{border:1px solid var(--border);border-radius:9px;background:white;padding:24px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:32px;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:12px}.results-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px}.results-panel{padding:27px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-heading h2{font-size:18px;letter-spacing:-.04em;margin:0}.field-select.compact{width:auto;max-width:230px;font-size:12px;height:38px}.topic-result{padding:15px 0;border-top:1px solid var(--line)}.topic-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.topic-result-head span{color:var(--muted);font-variant-numeric:tabular-nums}.topic-result-bar{height:6px;background:#e9eee7;overflow:hidden;border-radius:6px;margin:11px 0}.topic-result-bar>span{height:100%;display:block;background:var(--green);border-radius:6px}.topic-result small{color:var(--muted);font-size:11px}.recent-item{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:16px 0}.recent-item b{font-size:13px}.recent-item p{font-size:11px;color:var(--muted);margin:4px 0 0}.recent-item>strong{font-variant-numeric:tabular-nums;font-size:15px}.empty{color:var(--muted);font-size:13px;line-height:1.7;padding:22px 0}.result-disclaimer{color:var(--muted);font-size:12px;margin-top:28px}.pricing-wrap{max-width:1000px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-card{padding:34px}.price-card.pro{border-color:#b2c5b5;background:#f1f5f0}.price{font-size:40px;font-weight:770;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:9px 0 23px}.price span{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}.price-card h2{font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.price-card p{font-size:13px;color:var(--muted);min-height:48px}.price-card ul{padding:0;list-style:none;margin:29px 0 30px}.price-card li{padding:11px 0 11px 28px;border-top:1px solid var(--border);font-size:13px;position:relative}.price-card li:before{content:'✓';position:absolute;left:4px;color:var(--green);font-weight:750}.pro-action{background:#e6eee6;color:#4a6751;padding:15px;border-radius:7px;font-size:13px;font-weight:660;text-align:center}.demo-settings{margin-top:25px;padding:25px 28px;border:1px solid var(--border);border-radius:9px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff}.demo-settings strong{font-size:14px}.demo-settings p{font-size:12px;color:var(--muted);margin:5px 0 0}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.switch input{position:absolute;opacity:0}.switch-track{position:relative;width:43px;height:24px;border-radius:16px;background:#c5cfc6;transition:background .2s;flex:none}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+.switch-track{background:var(--deep)}.switch input:checked+.switch-track:after{transform:translateX(19px)}.switch-text{font-size:12px;font-weight:700}.footer{border-top:1px solid var(--border);background:white}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;padding-bottom:22px;font-size:11px;color:var(--muted)}.footer-link{border:0;background:transparent;font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#22352a;color:white;padding:14px 19px;border-radius:7px;font-size:13px;box-shadow:0 10px 25px #0002;z-index:60;max-width:min(90vw,480px)}.loading-card{padding:60px 30px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:10px;font-size:13px}.loading-spinner{width:20px;height:20px;border:2px solid #d6e2d7;border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;margin:0 auto 17px}@keyframes spin{to{transform:rotate(360deg)}}.resumebtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.small-caption{font-size:11px;color:var(--muted);line-height:1.5}.submit-confirm{border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.hidden{display:none!important}[hidden]{display:none!important}
@media(max-width:1020px){.header-content{gap:14px}.nav-link{padding:11px 8px}.top-cta{display:none}.feature-grid{grid-template-columns:1.5fr .8fr}.feature-side{padding:30px 22px}.results-grid{grid-template-columns:1fr}.course-cards{gap:10px}}
@media(max-width:760px){.container{padding:0 18px}.header-content{min-height:66px;padding:0 18px;justify-content:space-between}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--border);background:#fff;border-radius:7px;padding:8px 12px;font-size:18px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;border-bottom:1px solid var(--border);padding:12px 18px;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 12px 16px #22332611}.main-nav.open{display:flex}.main-nav button{text-align:left;padding:11px 12px}.home-page{padding-top:36px;padding-bottom:65px}.hero-intro{display:block;margin-bottom:26px}.hero-intro h1{font-size:clamp(40px,10vw,56px)}.hero-intro p{font-size:15px}.hero-intro-note{display:none}.feature-grid{display:block}.feature-side{border-left:0;border-top:1px solid var(--border);padding:27px}.feature-question{padding:25px 19px;min-height:0}.feature-question h2{font-size:25px}.answer-stack{grid-template-columns:1fr}.feature-side-footer{margin-top:18px}.section-title-row{margin-top:40px;align-items:start;flex-direction:column}.course-cards{grid-template-columns:1fr}.course-card{min-height:165px}.compact-ribbon{display:block;padding:23px}.compact-ribbon .btn{margin-top:20px}.page-main{padding-top:39px}.page-heading h1{font-size:36px}.setup-grid,.exam-config{grid-template-columns:1fr}.form-panel,.setup-aside{padding:23px}.exam-config{gap:17px}.exam-start-strip{display:block;padding:22px}.exam-start-strip .btn{margin-top:20px}.session-card{padding:23px 19px}.session-card h2{font-size:23px}.session-head{align-items:start}.session-meta{gap:8px;font-size:11px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:18px}.metric strong{font-size:26px}.results-grid{grid-template-columns:1fr}.results-panel{padding:21px}.pricing-grid{grid-template-columns:1fr}.demo-settings{display:block;padding:21px}.switch{margin-top:18px}.footer-inner{flex-wrap:wrap;gap:9px}.result-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.hero-actions{display:grid}.hero-actions .btn{width:100%}.feature-top{display:block}.feature-top span{display:block;margin-bottom:5px}.session-head{display:block}.session-meta{margin-top:13px}.metric strong{font-size:23px}.panel-heading{display:block}.panel-heading select{margin-top:14px;max-width:100%!important;width:100%!important}}
/* Supabase account & network states — shared TentamenTrainer design language */
[hidden] { display: none !important; }
.connection-banner {padding:12px 24px;background:#fff3e9;color:#713d1f;border-bottom:1px solid #ebc7ac;text-align:center;font-size:14px;}
.auth-overlay {position:fixed;inset:0;z-index:300;background:rgba(15,30,26,.58);display:flex;align-items:center;justify-content:center;padding:20px;}
.auth-box {background:#fff;border:1px solid #dae3dc;box-shadow:0 18px 55px rgba(0,0,0,.13);padding:28px;width:100%;max-width:460px;border-radius:10px;color:#17372b;}
.auth-box h2 {font-size:29px;line-height:1.18;letter-spacing:-.035em;margin:20px 0 10px;}
.auth-box p {font-size:14px;line-height:1.55;color:#587066;margin-bottom:20px;}
.auth-top {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9e4;padding-bottom:13px;}
.auth-top button {border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#35574a;}
.auth-box label {display:block;font-size:13px;font-weight:650;margin:17px 0 8px;}
.auth-box input {display:block;width:100%;padding:12px 13px;border:1px solid #b8c9bd;background:#fff;border-radius:6px;font-size:16px;color:#17372b;outline-offset:2px;}
.auth-box form>.btn {margin-top:19px;}
.auth-switch {display:block;margin:18px auto 0;border:0;background:transparent;cursor:pointer;color:#246449;font-size:14px;text-decoration:underline;}
.auth-error {padding:10px 12px;background:#fff0ed!important;color:#a43027!important;border:1px solid #eed2ce;border-radius:5px;margin:13px 0 0!important;}
.auth-logged p {margin-bottom:15px;overflow-wrap:anywhere;}
.btn:disabled,.answer-option:disabled {cursor:default;}
.loading-spinner {width:14px;height:14px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tt-spin .8s linear infinite;vertical-align:-2px;}
@keyframes tt-spin {to{transform:rotate(360deg);}}
@media(max-width:600px){.auth-box{padding:22px}.auth-box h2{font-size:24px}.connection-banner{font-size:12px}}

/* Legal navigation and signup acknowledgement */
.footer-inner.footer-legal{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}.footer-signature{display:flex;flex-direction:column;gap:7px;font-size:12px}.footer-signature strong{color:var(--ink);font-size:13px}.footer-legal-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;max-width:510px}.footer-legal-nav a{color:#526357;font-size:12px;text-underline-offset:3px}.footer-legal-nav a:hover{color:var(--accent)}.registration-legal{background:#f4f7f4;border:1px solid #dae6dd;border-radius:8px;padding:13px 15px;margin:14px 0}.auth-box .registration-legal .legal-check-label{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13px;font-weight:600;line-height:1.55;color:#29483a}.auth-box .registration-legal input[type="checkbox"]{display:inline-block;width:19px;height:19px;min-width:19px;margin:2px 0 0;accent-color:#95432c}.auth-box .registration-legal p{font-size:12px;margin:10px 0 0;line-height:1.6;color:#5b7162}.registration-legal a{color:#93452b;text-decoration:underline}@media(max-width:760px){.footer-inner.footer-legal{flex-direction:column}.footer-legal-nav{justify-content:flex-start}}

/* ----------------------------------------------------------
   TentamenTrainer 2026 — De laatste stap voor je tentamen
   Rustige, inhoudelijke en responsive studentenervaring
   ---------------------------------------------------------- */
:root{--bg:#f7f8f5;--surface:#fff;--ink:#1b2e27;--muted:#68766e;--border:#dce3de;--line:#e7ece8;--deep:#173d31;--accent:#a74b2e;--accentDark:#87391f;--pale:#eff3ee;--green:#257247;--radius:11px;--shadow:none}
body{background:var(--bg)}
.header{background:#fff;border-color:#dce4de}
.header-content{min-height:76px}
.top-cta{border-radius:6px}
.btn{min-height:52px;border-radius:6px;font-size:13px}
.btn-primary{background:var(--deep);border-color:var(--deep)}
.btn-primary:hover:not(:disabled){background:#235742;border-color:#235742}
.eyebrow{font-size:11px;color:var(--accent);letter-spacing:.13em}
.home-page{padding-top:0;padding-bottom:72px}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;column-gap:clamp(28px,5vw,84px);padding:81px 0 80px;min-height:575px}
.landing-copy{max-width:670px}
.overline{display:flex;align-items:center;gap:11px;color:#8e442f;font-size:11px;letter-spacing:.17em;font-weight:800}
.overline-line{display:block;width:25px;height:2px;background:#af5537}
.landing-copy h1{font-size:clamp(43px,4.9vw,69px);line-height:1.075;font-weight:790;letter-spacing:-.065em;margin:21px 0 25px;max-width:730px;text-wrap:balance}
.landing-copy h1 span{display:block;color:#34624d}
.hero-lead{font-size:17px;line-height:1.7;color:#344940;max-width:580px;margin:0 0 10px}
.hero-lead strong{font-weight:730;color:#1d382d}
.hero-detail{font-size:15px;color:#66776b;line-height:1.75;max-width:540px;margin:0 0 27px}
.landing-copy .hero-actions{gap:11px;align-items:center}
.hero-main-cta{min-width:204px}
.hero-microcopy{color:#68786b;font-size:11px;letter-spacing:.005em;margin:16px 0 0;line-height:1.7}
.hero-microcopy>span:first-child{color:#27734d;font-weight:800}
.dot-sep{padding:0 5px}
.hero-insight{background:#183b30;border:1px solid #183b30;border-radius:10px;box-shadow:17px 17px 0 #e2e8df;color:#f7fbf7;overflow:hidden;max-width:490px;width:100%;justify-self:end}
.insight-bar{height:55px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 25px;border-bottom:1px solid #476355}
.insight-brand{font-weight:750;letter-spacing:.03em;font-size:11px}
.insight-brand span{color:#d7a588}
.insight-preview{font-size:10px;font-weight:750;letter-spacing:.11em;color:#c9d7ce}
.insight-body{padding:35px 33px 29px}
.insight-overline{font-size:10px;letter-spacing:.15em;color:#b7cdbb;font-weight:770}
.insight-body h2{color:#fff;font-size:clamp(25px,2.6vw,34px);line-height:1.17;letter-spacing:-.05em;margin:12px 0 11px}
.insight-body p{font-size:13px;line-height:1.65;color:#c8d6cb;max-width:340px;margin:0 0 26px}
.insight-process{border-top:1px solid #5a7263}
.insight-process-row{display:flex;gap:15px;align-items:center;min-height:76px;border-bottom:1px solid #496557;padding:13px 0}
.process-num{font-weight:790;letter-spacing:.03em;color:#9dbfaa;font-size:12px;align-self:flex-start;margin-top:5px}
.process-copy{flex:1;display:grid;gap:4px}
.process-copy strong{font-size:13px;color:#fff;font-weight:730}
.process-copy small{font-size:11px;color:#b7cbbd;line-height:1.5}
.process-arrow{font-size:17px;color:#b4cbba}
.insight-footer{display:flex;justify-content:space-between;gap:16px;padding:19px 26px;font-size:11px;line-height:1.55;font-weight:620;color:#315642;background:#edf3ec}
.insight-footer span:last-child{font-size:17px}
.trust-divider{display:flex;align-items:center;gap:20px;color:#77857a;font-size:10px;font-weight:780;letter-spacing:.09em;padding:0 0 19px;border-bottom:1px solid #dce5dc}
.trust-divider>div{height:1px;background:#d3dfd5;flex:1}
.trust-divider span:last-child{text-align:right}
.position-section,.try-section,.method-section,.subjects-section{margin-top:104px}
.section-heading{max-width:790px;margin-bottom:34px}
.section-heading h2,.section-title-row h2{font-size:clamp(29px,3.2vw,43px);line-height:1.15;letter-spacing:-.055em;font-weight:775;margin:12px 0 14px}
.section-heading p,.section-title-row p{font-size:15px;color:#65766a;line-height:1.7;max-width:680px;margin:0}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.comparison-card{border-radius:9px;border:1px solid #dbe4da;padding:35px clamp(24px,3vw,43px) 29px;background:#fff;display:flex;flex-direction:column;min-height:300px}
.comparison-before{background:#eef1ed}
.comparison-after{border-color:#a2baa8;background:#e8f0e8}
.comparison-label{color:#708274;font-size:10px;letter-spacing:.15em;font-weight:780}
.comparison-after .comparison-label{color:#426a4c}
.comparison-card h3{font-size:clamp(25px,2.4vw,33px);letter-spacing:-.05em;margin:17px 0 14px;line-height:1.2}
.comparison-card p{font-size:14px;line-height:1.75;max-width:450px;color:#54675a;margin:0 0 24px}
.comparison-foot{margin-top:auto;padding-top:17px;border-top:1px solid #ccd9ce;display:flex;justify-content:space-between;font-size:12px;font-weight:770;color:#355d44}
.comparison-foot span{font-size:18px}
.try-heading{margin-bottom:26px}
.try-heading .text-link,.subjects-section .text-link{align-self:flex-end}
.try-heading h2{max-width:730px}
.try-section .feature-grid{grid-template-columns:minmax(0,1.48fr) minmax(310px,.79fr);border-color:#d9e4db;border-radius:10px;box-shadow:none}
.try-section .feature-question{padding:39px clamp(25px,3.7vw,54px) 42px;min-height:425px}
.try-section .feature-top{margin-bottom:24px}
.try-section .feature-question h3{font-size:clamp(24px,2.5vw,34px);line-height:1.31;letter-spacing:-.045em;max-width:700px;margin:0 0 27px}
.demo-pill{color:#345a40;font-weight:800;font-size:10px;letter-spacing:.1em}
.try-section .feature-side{background:#f2f5f1;border-left:1px solid #dce4dc;padding:43px 30px}
.side-kicker{color:#65806e;font-weight:790;letter-spacing:.13em;font-size:10px}
.try-section .feature-side h3{font-size:24px;letter-spacing:-.045em;line-height:1.27;margin:14px 0 24px}
.try-section .feature-side .step{border-top:1px solid #d4dfd6}
.try-section .feature-side .step p{color:#64746a}
.try-section .feature-side-footer{font-size:11px;color:#617267;line-height:1.65}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.method-card{background:#fff;border:1px solid #dce4dc;border-radius:9px;padding:32px 28px 27px;min-height:304px;display:flex;flex-direction:column}
.method-number{font-size:10px;color:#a74b2e;letter-spacing:.15em;font-weight:790}
.method-card h3{font-size:24px;line-height:1.18;letter-spacing:-.045em;margin:33px 0 13px;font-weight:760}
.method-card p{font-size:13px;line-height:1.7;color:#617266;margin:0 0 22px}
.inline-link{display:inline-flex;justify-content:space-between;gap:12px;align-items:center;border:0;border-top:1px solid #e1e9e1;background:transparent;color:#285c3e;font-size:12px;font-weight:780;padding:19px 0 0;margin-top:auto;width:100%;text-align:left}
.inline-link:hover{color:#ad4b2d}
.inline-link span{font-size:17px}
.subjects-section .section-title-row{align-items:end}
.subjects-section .section-title-row>div{max-width:740px}
.subjects-section .course-cards{margin-top:28px}
.subjects-section .course-card{background:#fff}
.empty-catalog{display:flex;justify-content:space-between;gap:28px;align-items:center;background:#fff;border:1px solid #dce4dc;border-radius:9px;padding:28px 32px;grid-column:1/-1}
.empty-catalog h3{font-size:19px;margin:0 0 8px;letter-spacing:-.035em}
.empty-catalog p{font-size:13px;color:#667669;margin:0}
.empty-catalog .btn{flex-shrink:0}
.closing-banner{margin-top:106px;border-radius:10px;background:#1b3b30;color:white;display:flex;justify-content:space-between;gap:34px;align-items:end;padding:clamp(27px,4.5vw,62px)}
.closing-banner>div{max-width:750px}
.closing-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#bcd0c1}
.closing-banner h2{font-size:clamp(27px,3.15vw,43px);line-height:1.18;letter-spacing:-.055em;margin:14px 0}
.closing-banner p{font-size:14px;line-height:1.7;color:#cadacf;margin:0}
.btn-light{background:#fff;border-color:#fff;color:#153f2b;flex:none}
.btn-light:hover{background:#eaf2e9}
.home-disclaimer{color:#839085;font-size:11px;line-height:1.7;margin:18px 0 0}
.page-heading h1{font-size:clamp(35px,4.4vw,54px);letter-spacing:-.06em;line-height:1.12}
.page-main{padding-top:65px}
.price-card.pro{background:#f0f4ef}
.price-card.pro .price{font-size:32px}
.footer-inner{padding-top:34px;padding-bottom:34px}
@media(max-width:1120px){.landing-hero{column-gap:35px}.landing-copy h1{font-size:clamp(42px,5.2vw,59px)}.insight-body{padding:29px 25px}.closing-banner{align-items:start;flex-direction:column}.closing-banner .btn{align-self:flex-start}}
@media(max-width:1020px){.top-cta{display:inline-flex;padding:11px 13px;min-height:42px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.landing-copy h1{font-size:clamp(41px,5vw,54px)}.hero-lead{font-size:15px}.method-card{padding:27px 22px}.method-card h3{font-size:22px}}
@media(max-width:800px){.landing-hero{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:56px 0 52px}.landing-copy{max-width:760px}.landing-copy h1{font-size:clamp(42px,7vw,64px)}.hero-insight{justify-self:unset;max-width:720px;box-shadow:10px 10px 0 #e2e8df}.position-section,.try-section,.method-section,.subjects-section{margin-top:74px}.try-section .feature-grid{grid-template-columns:1fr}.try-section .feature-side{border-left:0;border-top:1px solid #dce4dc;padding:30px}.comparison-card{min-height:300px}.method-grid{grid-template-columns:1fr}.method-card{min-height:0}.method-card h3{margin-top:18px}.method-card p{margin-bottom:30px}}
@media(max-width:760px){.header-content{gap:9px}.wordmark{font-size:16px}.menu-toggle{order:3;margin-left:0}.top-cta{order:2;margin-left:auto;padding:9px 12px;font-size:12px}.main-nav{order:4}.landing-hero{padding-top:45px}.landing-copy h1{font-size:clamp(40px,8.8vw,58px);margin-bottom:21px}.hero-lead{font-size:16px}.hero-detail{font-size:14px}.trust-divider{flex-wrap:wrap;gap:9px;padding-bottom:20px}.trust-divider>div{display:none}.trust-divider span:last-child{text-align:left}.comparison-grid{grid-template-columns:1fr}.comparison-card{min-height:235px;padding:28px}.section-heading h2,.section-title-row h2{font-size:clamp(28px,7.5vw,39px)}.try-section .feature-question{padding:27px 19px;min-height:0}.try-section .feature-question h3{font-size:25px}.try-section .feature-side{padding:29px 23px}.try-section .feature-side h3{font-size:22px}.empty-catalog{flex-direction:column;align-items:stretch;padding:24px}.empty-catalog .btn{align-self:flex-start}.closing-banner{margin-top:74px}.home-disclaimer{font-size:10px}.page-main{padding-top:38px}}
@media(max-width:450px){.landing-copy h1{font-size:42px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-microcopy{font-size:10px}.insight-bar{padding:0 17px}.insight-body{padding:27px 19px}.insight-body h2{font-size:28px}.insight-footer{padding:16px 19px}.comparison-card h3{font-size:27px}.try-section .answer-stack{grid-template-columns:1fr}.method-card{padding:24px}.closing-banner{padding:28px 23px}.closing-banner .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}