:root{--navy:#071f4d;--royal-blue:#174ea6;--union-red:#c8102e;--deep-red:#8f1028;--parchment:#fff8ea;--cream:#f9f1df;--ink:#14213d;--muted:#596579;--panel:#fffcf6eb;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0000 0 45%,#c8102e14 45% 48%,#0000 48% 100%),linear-gradient(45deg,#0000 0 45%,#174ea61a 45% 48%,#0000 48% 100%),radial-gradient(circle at 0 0,#c8102e2e,#0000 26rem),radial-gradient(circle at 100% 0,#071f4d29,#0000 28rem),linear-gradient(#fff8ea 0%,#f2ead8 100%);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;background:linear-gradient(90deg, var(--navy) 0 35%, white 35% 42%, var(--union-red) 42% 58%, white 58% 65%, var(--navy) 65%);content:"";height:10px;position:fixed;inset:0 0 auto}button{font:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0}.card{background:var(--panel);border:1px solid #071f4d29;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 60px #071f4d1f}.card:before{background:linear-gradient(180deg, var(--navy), var(--union-red), var(--royal-blue));content:"";width:6px;position:absolute;inset:0 auto 0 0}.eyebrow,.topic-label{color:var(--royal-blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.british-kicker{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;background:#ffffffbd;border:1px solid #071f4d29;border-radius:999px;align-items:center;gap:10px;margin:0 0 14px;padding:8px 14px;font-size:.8rem;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #071f4d14}.british-kicker:before{content:"🇬🇧";font-size:1rem;line-height:1}.hero{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.uk-landmark-skyline{filter:drop-shadow(0 12px 18px #071f4d14);width:min(680px,100%);height:auto;margin-top:22px;display:block;overflow:visible}.skyline-blue{fill:var(--navy);stroke:var(--navy);opacity:.28}.skyline-blue .skyline-clock{fill:var(--parchment);opacity:1}.skyline-red{stroke:var(--union-red);opacity:.24}.login-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:32px;min-height:calc(100vh - 80px);display:grid}.login-layout h1{max-width:760px;color:var(--navy);letter-spacing:-.075em;margin:0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95}.login-layout p{max-width:620px;color:var(--muted);font-size:1.08rem}.login-card{gap:14px;padding:28px;display:grid}.login-card label{color:var(--ink);font-weight:900}.login-card input{width:100%;color:var(--ink);font:inherit;background:#fffdf8;border:2px solid #071f4d29;border-radius:18px;padding:14px 16px;font-weight:700}.login-card input:focus{border-color:var(--royal-blue);outline:none;box-shadow:0 0 0 4px #174ea624}.form-error{color:var(--union-red);margin:0;font-size:.92rem;font-weight:800}.login-note{color:var(--muted);margin:0;font-size:.9rem}.hero h1{max-width:780px;color:var(--navy);letter-spacing:-.075em;margin:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.95}.hero p{max-width:680px;color:var(--muted);font-size:1.08rem}.hero-actions,.quiz-header-actions,.question-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-tabs{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px;display:flex}.tab-group,.tab-profile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tab-button{min-height:44px;color:var(--navy);cursor:pointer;background:#071f4d14;border:0;border-radius:999px;padding:0 18px;font-weight:900}.tab-button.active{color:#fff;background:linear-gradient(135deg, var(--navy), var(--royal-blue));box-shadow:0 12px 28px #071f4d33}.tab-profile span{color:var(--muted);font-weight:900}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--union-red), var(--deep-red));box-shadow:0 14px 32px #c8102e47}.secondary-button{color:var(--navy);background:#e8eefc}.ghost-button{color:var(--navy);background:#071f4d14}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.52;transform:none}.score-card{color:#fff;background:radial-gradient(circle at 90% 12%, #ffffff2e, transparent 7rem), linear-gradient(135deg, var(--navy), #0d347c 55%, var(--deep-red));flex-direction:column;justify-content:space-between;padding:28px;display:flex}.score-card strong{color:#fff;font-size:4rem;line-height:1}.score-card span{color:#ffffffc2;font-weight:700}.score-card .eyebrow{color:#fff}.score-card .ghost-button{color:#fff;background:#ffffff29}.royal-badge{background:#ffffff29;border:2px solid #ffffff8a;border-radius:50%;align-self:end;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:1000;display:inline-grid;box-shadow:0 16px 36px #0000002e}.profile-summary{gap:8px;margin-bottom:24px;display:grid}.score-card .profile-summary .profile-name{color:#fff;letter-spacing:-.02em;font-size:1.4rem;line-height:1.15}.score-highlights{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;display:grid}.score-highlights div{gap:8px;display:grid}.score-card dl{gap:12px;margin:28px 0 0;display:grid}.score-card dl div,.latest-score{justify-content:space-between;align-items:center;gap:16px;display:flex}.score-card dt{color:#ffffffad;font-size:.88rem}.score-card dd{color:#fff;margin:0;font-size:1.5rem;font-weight:900}.mode-grid,.topic-grid{gap:18px;display:grid}.absence-section{margin:32px 0}.absence-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:18px;display:grid}.absence-form{gap:16px;padding:24px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.absence-form label{color:var(--ink);gap:8px;font-weight:900;display:grid}.absence-form input,.absence-form select,.absence-form textarea{width:100%;color:var(--ink);font:inherit;background:#fffdf8;border:2px solid #071f4d29;border-radius:16px;padding:12px 14px;font-weight:700}.absence-form textarea{resize:vertical;min-height:96px}.absence-form input:focus,.absence-form select:focus,.absence-form textarea:focus{border-color:var(--royal-blue);outline:none;box-shadow:0 0 0 4px #174ea624}.absence-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.absence-stat{padding:18px}.absence-stat span{color:var(--royal-blue);letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;font-weight:900}.absence-stat strong{color:var(--navy);margin-top:8px;font-size:2.6rem;line-height:1;display:block}.absence-stat p{color:var(--muted);margin-bottom:0;font-size:.92rem}.absence-list{margin-top:18px;padding:24px}.absence-list-heading,.absence-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.absence-list-heading h3,.absence-item h4{color:var(--navy);margin:0}.absence-list-heading span,.absence-item p,.empty-state,.absence-disclaimer{color:var(--muted)}.absence-items{gap:12px;margin-top:16px;display:grid}.absence-item{background:#fffdf8bd;border:1px solid #eadfcc;border-radius:18px;padding:16px}.absence-item p{margin:6px 0 0}.absence-disclaimer{margin:14px 0 0;font-size:.9rem}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px}.handbook-reader,.test-info-section{gap:20px;display:grid}.reader-hero{padding:32px}.reader-hero h1{max-width:780px;color:var(--navy);letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.95}.reader-hero p:not(.british-kicker){max-width:760px;color:var(--muted);font-size:1.05rem}.reader-search{max-width:680px;color:var(--ink);gap:8px;margin-top:20px;font-weight:900;display:grid}.reader-search input{width:100%;color:var(--ink);font:inherit;background:#fffdf8;border:2px solid #071f4d29;border-radius:16px;padding:13px 15px}.reader-search input:focus{border-color:var(--royal-blue);outline:none;box-shadow:0 0 0 4px #174ea624}.reader-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.reader-index{gap:10px;padding:20px;display:grid;position:sticky;top:24px}.reader-index a{color:var(--navy);background:#071f4d0f;border-radius:14px;padding:10px 12px;font-weight:900;text-decoration:none}.reader-index a:hover{background:#e8eefc}.reader-page-count{color:var(--muted);margin:8px 0 0;font-size:.9rem;font-weight:800}.reader-sections{gap:16px;display:grid}.reader-section{padding:26px;scroll-margin-top:24px}.reader-section h2{color:var(--navy);letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,3vw,2.2rem)}.reader-section p{color:var(--muted)}.reader-section ul{gap:10px;margin:18px 0 0;padding-left:22px;display:grid}.reader-section li{color:var(--ink)}.guide-facts{gap:12px;margin-top:20px;display:grid}.guide-fact{background:#fffdf8c2;border:1px solid #eadfcc;border-radius:18px;padding:16px}.guide-fact h3{color:var(--navy);margin:0;font-size:1rem}.guide-fact p{color:var(--ink);margin:8px 0 0;line-height:1.6}.test-info-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.centre-card,.test-info-card{padding:24px}.centre-card h2,.test-info-card h2{color:var(--navy);margin:0}.centre-card p,.test-info-card p{color:var(--muted)}.centre-card form{gap:12px;margin:18px 0;display:grid}.centre-card label{color:var(--ink);gap:8px;font-weight:900;display:grid}.centre-card input{width:100%;color:var(--ink);font:inherit;text-transform:uppercase;background:#fffdf8;border:2px solid #071f4d29;border-radius:16px;padding:12px 14px;font-weight:800}.centre-card input:focus{border-color:var(--royal-blue);outline:none;box-shadow:0 0 0 4px #174ea624}.centre-message{color:var(--navy);background:#f0f5ff;border-radius:16px;padding:12px 14px;font-weight:800}.nearby-centres{gap:10px;margin:16px 0;padding:0;list-style-position:inside;display:grid}.nearby-centres li{color:var(--navy);background:#fffdf8c2;border:1px solid #eadfcc;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.nearby-centres li div{gap:3px;display:grid}.nearby-centres li span{color:var(--muted);font-size:.9rem}.nearby-centres li b{color:var(--union-red);flex:none}.test-info-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.test-info-card ul{gap:8px;margin:14px 0 0;padding-left:20px;display:grid}.test-info-card li{color:var(--ink)}.mode-card,.topic-card,.latest-score{padding:24px}.mode-card h2,.topic-card h3,.latest-score h2{color:var(--navy);margin:0}.mode-card p,.topic-card p{color:var(--muted)}.topics-section{margin-top:16px}.mock-bank-section{margin:32px 0}.section-heading{margin-bottom:16px}.section-heading h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.section-heading p:not(.eyebrow){max-width:760px;color:var(--muted)}.mock-test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mock-test-card{align-content:start;gap:16px;padding:22px;display:grid}.mock-number{color:#fff;background:linear-gradient(135deg, var(--navy), var(--union-red));border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:1000;display:inline-grid}.mock-test-card h3{color:var(--navy);margin:0;font-size:1.2rem}.mock-test-card p{color:var(--muted);margin-bottom:0}.mock-result{width:fit-content;color:var(--muted);background:#071f4d14;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:.88rem;font-weight:900;display:inline-flex}.mock-result.taken{color:#176c49;background:#effbf5}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-card{flex-direction:column;display:flex}.topic-card span{color:var(--royal-blue);margin:auto 0 18px;font-weight:800}.latest-score{margin-top:24px}.latest-score p{margin:0;font-weight:800}.disclaimer{color:var(--muted);text-align:center;font-size:.92rem}.quiz-layout{grid-template-columns:180px minmax(0,1fr);gap:18px;display:grid}.quiz-header{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.quiz-header h1,.question-card h2,.results h1{color:var(--navy);letter-spacing:-.035em;margin:0}.quiz-header p{color:var(--muted);margin-bottom:0}.timer{color:#fff;background:var(--union-red);text-align:center;border-radius:999px;min-width:106px;padding:10px 16px;font-size:1.25rem;font-weight:900}.question-map{grid-template-columns:repeat(3,1fr);align-self:start;gap:8px;padding:16px;display:grid}.question-pill{aspect-ratio:1;width:100%;color:var(--navy);cursor:pointer;background:#f7efe0;border:0;border-radius:16px;font-weight:800}.question-pill.answered{color:var(--royal-blue);background:#e8eefc}.question-pill.active{color:#fff;background:var(--navy)}.question-card{padding:28px}.answer-list{gap:12px;margin:24px 0;display:grid}.answer-option{color:var(--ink);cursor:pointer;text-align:left;background:#fffdf8;border:2px solid #eadfcc;border-radius:18px;align-items:center;gap:14px;padding:16px;font-weight:700;display:flex}.answer-option span{width:32px;height:32px;color:var(--navy);background:#e8eefc;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:inline-flex}.answer-option.selected{border-color:var(--royal-blue);background:#f2f6ff}.answer-option.correct{background:#effbf5;border-color:#1f8f5f}.answer-option.incorrect{border-color:var(--union-red);background:#fff3f0}.answer-option:disabled{cursor:default}.explanation{color:var(--navy);background:#f0f5ff;border-radius:18px;padding:16px}.explanation p{margin-bottom:0}.option-explanations{margin-top:12px}.option-explanations summary{cursor:pointer;font-weight:900}.option-explanations ul{gap:8px;margin:12px 0 0;padding-left:20px;display:grid}.question-actions{justify-content:space-between;margin-top:24px}.results{padding:32px}.results-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.result-score{color:var(--union-red);letter-spacing:-.05em;margin:12px 0;font-size:clamp(2rem,6vw,4rem);font-weight:900}.review-list{gap:16px;margin-top:28px;display:grid}.review-item{background:#fffdf8;border:1px solid #eadfcc;border-radius:22px;padding:18px}.review-item h2{margin:0;font-size:1.05rem}.review-item p{margin-bottom:0}.review-correct{color:#176c49;font-weight:800}.review-incorrect{color:var(--union-red);font-weight:800}@media (width<=900px){.hero,.login-layout,.mode-grid,.absence-layout,.reader-layout,.test-info-grid,.mock-test-grid,.topic-grid,.quiz-layout{grid-template-columns:1fr}.reader-index{position:static}.test-info-cards{grid-template-columns:1fr}.absence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.question-map{grid-template-columns:repeat(8,minmax(38px,1fr))}}@media (width<=620px){.app-shell{width:min(100% - 20px,1180px);padding:24px 0}.hero h1{font-size:2.55rem}.quiz-header,.results-topline,.app-tabs,.latest-score{flex-direction:column;align-items:flex-start}.question-map{grid-template-columns:repeat(6,minmax(38px,1fr))}.form-grid,.absence-summary,.absence-list-heading,.absence-item{grid-template-columns:1fr}.absence-list-heading,.absence-item{flex-direction:column;align-items:flex-start}}