:root{--ink:#182a3b;--muted:#627481;--accent:#087f73;--line:#dce6e6;--paper:#fff}body{background:#f4f7f7;color:var(--ink);font-family:Inter,system-ui,sans-serif}header{padding:20px max(24px,calc((100vw - 1240px)/2));background:#ffffffed;border-color:var(--line)}.brand{display:flex;gap:11px;text-decoration:none;color:var(--ink);align-items:center}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;width:42px;height:42px;border-radius:13px;font-size:32px;font-weight:800;line-height:1}.brand strong{letter-spacing:-1px;font-size:23px}.brand strong span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:3px}main.olymp{max-width:1240px;padding:28px 24px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--accent)}#login.login-layout{max-width:none;margin:20px 0 0;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.login-story{padding:20px 28px 20px 0}.login-story h1{font-size:clamp(36px,4vw,58px)!important;line-height:1.1;letter-spacing:-2.5px;margin:24px 0}.login-story>p{max-width:410px;color:var(--muted);font-size:17px;line-height:1.7}.login-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:0 16px 48px #173a3710}.login-card h2{font-size:27px;letter-spacing:-.8px;margin:14px 0}.login-card>p{color:var(--muted);line-height:1.6}.login-card form{margin-top:28px}.login-card .form-field{margin-bottom:20px}.login-card input{background:#f8fafa!important;border:1px solid #cbdada!important;border-radius:12px!important;padding:14px!important;font-size:16px!important}.login-card label{font-size:13px!important}.login-card .action{width:100%;display:flex;justify-content:space-between}.olymp .action{background:var(--accent);border:1px solid var(--accent);border-radius:11px;box-shadow:none;min-height:46px;font-weight:650}.olymp .action:hover{background:#08685f}.olymp .action.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.olymp button:focus-visible,.olymp a:focus-visible{outline:3px solid #53b8a8;outline-offset:3px}.text-button{border:0;background:transparent;padding:12px 0;color:var(--accent);font:600 14px system-ui;cursor:pointer;min-height:44px}.login-help{font-size:13px;margin:20px 0 4px}.secure-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;color:var(--muted);font-size:12px}.knowledge-art{height:230px;position:relative;overflow:hidden;margin-top:14px}.orbit{position:absolute;border:1px solid #c5d9d4;border-radius:50%;width:280px;height:170px;left:45px;top:20px;transform:rotate(-25deg)}.orbit-two{transform:rotate(30deg);width:220px;left:78px}.art-core{position:absolute;left:141px;top:38px;display:grid;place-items:center;width:104px;height:116px;border-radius:28px;background:#d9eee6;font-size:95px;font-weight:800;line-height:1;color:#167765;transform:rotate(-8deg)}.art-core span{position:absolute;right:-14px;top:-15px;font-size:42px;color:#ddad45}.art-chip{position:absolute;border:1px solid #d9e5e1;border-radius:12px;background:#fff;padding:12px 16px;font-size:12px;box-shadow:0 7px 20px #133b3310}.chip-one{left:3px;top:126px;transform:rotate(-5deg)}.chip-two{left:234px;top:46px;transform:rotate(7deg)}.story-foot{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:11px}.olymp .sheet{border:1px solid var(--line);box-shadow:none;border-radius:20px}.lead-area h1{letter-spacing:-1.5px}.portal-tabs{border-bottom:1px solid var(--line);padding-bottom:16px;gap:8px}.portal-tabs button{flex:0 1 auto}.poster{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:20px;padding:26px}.poster h2{font-size:24px;color:var(--ink)!important}.poster p{color:var(--muted)!important}.poster .subject-row{background:#f4f8f7!important;border:1px solid #e2eae7;padding:18px}.event-mode{background:#e7f4ee!important;border:0!important;color:#176855!important;font-size:11px!important;letter-spacing:.2px}.profile-hero{background:#123e39!important;border-radius:22px}.exam-layout{position:relative;z-index:1}.exam-layout>section{background:#fffffff2}.exam-layout h1{font-size:25px;line-height:1.5}.answer{border-color:var(--line);padding:18px}.answer:has(input:checked){border-color:var(--accent);background:#edf8f3}.answer input{accent-color:var(--accent)}.qnav button.current{border-color:var(--accent)}.qnav button.flagged{box-shadow:inset 0 -4px #e0a438}.nav-legend{font-size:11px;color:var(--muted)}.timer{background:#edf5f2;color:#136a59;padding:8px 14px;border-radius:10px}.timer.urgent{color:#9e3333;background:#fff0ee}.exam-notification{font-size:13px;padding:12px 16px;border-radius:10px;background:#e8f1ee;color:#315c50}.exam-notification.warning{background:#fff3dd;color:#805a13}#exam{position:relative}#exam-watermark{position:fixed;inset:120px 0 0;z-index:2;pointer-events:none;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:space-around;overflow:hidden;color:#304b4819;font-size:15px;gap:100px}#exam-watermark span{transform:rotate(-24deg);white-space:nowrap}.exam-header{z-index:3}.exam-layout aside{z-index:3;background:white}.notice{border-radius:12px}.exam-header #save-status{font-size:12px;margin-top:6px;color:var(--muted)}@media(max-width:850px){#login.login-layout{grid-template-columns:1fr;gap:26px;max-width:540px;margin:0 auto}.login-story{padding:12px 0}.login-story h1{font-size:36px!important;margin:14px 0}.knowledge-art,.story-foot{display:none}.login-card{padding:26px}.login-story>p{font-size:14px;margin-bottom:0}.login-story .eyebrow{font-size:9px}.exam-layout h1{font-size:20px}.portal-tabs button{flex:1;font-size:12px}.exam-layout aside{order:0}main.olymp{padding:20px 16px}.qnav{grid-template-columns:repeat(8,minmax(0,1fr))}.exam-layout{gap:14px}}@media print{body:has(#exam:not(.hidden)) header,body:has(#exam:not(.hidden)) main{display:none!important}body:has(#exam:not(.hidden))::after{content:'Sinov sahifasi chop etilmaydi.';font-size:20px}}
.olymp{--ink:#182a3b;--muted:#627481;--accent:#087f73}.olymp .eyebrow{color:#087f73!important}.olymp .login-card h2{color:#182a3b!important}
.confirm-dialog{max-width:480px;padding:28px}.confirm-dialog h2{font-size:25px}.confirm-dialog p{line-height:1.7}.confirm-dialog .actions{margin-top:24px;justify-content:flex-end}

/* Shared student history and ranking controls. */
.learning-filters{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
.learning-filters label{display:grid;gap:8px;flex:1 1 180px;font-weight:600}
.learning-filters select,.olymp section>select{width:100%;max-width:100%;min-height:48px;padding:12px;border:1px solid #ced8e5;border-radius:10px;background:#fff;color:#21334c;font:inherit}
.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin-top:20px}
.rank-card{padding:22px;border:1px solid #dce4ee;border-radius:14px;background:#fff}
.rank-card h3{font-size:16px;margin:0 0 12px}.rank-card strong{font-size:30px;color:#214e84}.rank-card p{color:#52637a}