:root{--ink:#14264a;--blue:#284d8d;--light:#eef4ff;--accent:#f2b84b;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:#f5f8fd}.access-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.access-brand{padding:8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 15% 20%,#426aa9,transparent 34%),linear-gradient(145deg,#101f3d,#284d8d);position:relative;overflow:hidden}.access-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff20;border-radius:50%;right:-160px;bottom:-180px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}.access-brand img,.exam-side img{width:150px;filter:brightness(0) invert(1);margin-bottom:70px}.access-brand span,.kicker,.side-label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.access-brand h1{font-size:clamp(40px,5vw,72px);line-height:1.02;max-width:700px;margin:20px 0}.access-brand p{font-size:18px;line-height:1.7;max-width:570px;color:#dbe7fb}.access-card{align-self:center;width:min(480px,82%);margin:auto;padding:54px;background:#fff;border-radius:24px;box-shadow:0 24px 70px #16315e18}.access-card h2{font-size:34px;margin:12px 0}.access-card p{color:#65738c;line-height:1.6}.access-card label{display:grid;gap:8px;font-weight:700;margin:24px 0}.access-card input{padding:15px;border:1px solid #ccd6e7;border-radius:10px;font:inherit}.access-card button{width:100%;padding:16px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;font-size:16px;display:flex;justify-content:space-between}.form-error{padding:12px;background:#fff0f0;color:#a62b2b;border-radius:8px}.success-icon{font-size:50px;color:#26a269}.exam-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.exam-side{background:#172b52;color:#fff;padding:38px 32px;display:flex;flex-direction:column}.exam-side img{margin-bottom:50px}.exam-side strong,.exam-side small{display:block;margin-top:8px}.exam-side small{color:#aebdd8}.exam-side nav{display:grid;gap:12px;margin:50px 0 auto}.exam-side nav span{padding:12px;border-left:2px solid #ffffff20;color:#aebdd8}.exam-side nav span.active{border-color:var(--accent);color:#fff}.exam-side a{color:#b9c6dc;text-decoration:none}.exam-main header{height:110px;background:#fff;padding:28px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f2}.exam-main header span{display:block;color:#77849a;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.exam-main header strong{font-size:20px}.timer{text-align:right}.timer strong{font-size:28px;color:var(--blue)}#question{max-width:950px;margin:0 auto;padding:7vh 6vw}.instruction{color:#60708c;font-weight:700}.support{padding:24px;background:#fff;border:1px solid #e1e7f0;border-radius:14px;line-height:1.7;margin:20px 0}.question-title{font-size:28px;line-height:1.35}.options{display:grid;gap:12px;margin:30px 0}.option{padding:18px 20px;background:#fff;border:1px solid #dbe2ed;border-radius:12px;cursor:pointer;display:flex;gap:14px}.option.selected{border-color:var(--blue);box-shadow:0 0 0 2px #284d8d22}.option b{color:var(--blue)}.essay{width:100%;min-height:260px;padding:20px;border:1px solid #ccd6e7;border-radius:12px;font:inherit;line-height:1.6}.essay+.next{margin-top:18px}.next{float:right;padding:15px 24px;background:var(--blue);color:#fff;border:0;border-radius:10px;font-weight:800}.next:disabled{opacity:.4}.exam-audio{width:100%;margin:20px 0}.stage-timeout-notice{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#14264acc;backdrop-filter:blur(4px)}.stage-timeout-notice>div{width:min(440px,100%);padding:38px;text-align:center;border-radius:20px;background:#fff;box-shadow:0 24px 70px #07132955}.stage-timeout-notice span{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff1cf;color:#9b6600;font-size:30px;font-weight:900}.stage-timeout-notice h2{margin:18px 0 8px;font-size:25px}.stage-timeout-notice p{margin:0;color:#65738c;line-height:1.6}@media(max-width:800px){.access-shell{grid-template-columns:1fr}.access-brand{padding:50px 28px}.access-brand img{margin-bottom:30px}.access-card{margin:30px auto;padding:30px}.exam-shell{display:block}.exam-side{display:none}.exam-main header{padding:20px;height:90px}#question{padding:30px 20px}.question-title{font-size:22px}}
