:root{--navy-950: #050d20;--navy-900: #0a1633;--navy-800: #10224f;--navy-700: #1a3474;--blue: #2f5bff;--blue-600: #2247e0;--blue-400: #7b97ff;--blue-100: #e1e8ff;--blue-50: #f0f3ff;--bio: #0c8f69;--bio-400: #3ddc9f;--bio-50: #e3f7ef;--bio-ink: #07684c;--chem: #7447f5;--chem-400: #b39cff;--chem-50: #efe9ff;--chem-ink: #5429d0;--amber: #e8960c;--amber-400: #ffc24d;--amber-50: #fff3da;--amber-ink: #8f5400;--ink: #0b1633;--text: #36435e;--muted: #62708e;--line: #e2e7f1;--line-strong: #cdd5e5;--bg: #f5f7fb;--surface: #fff;--aurora: linear-gradient(115deg, #2f5bff 0%, #7447f5 50%, #0c8f69 100%);--aurora-light: linear-gradient(115deg, #9fb4ff 0%, #c9b8ff 50%, #6ee7b7 100%);--tone: var(--blue);--tone-50: var(--blue-50);--tone-ink: var(--blue-600);--r-sm: 12px;--r: 20px;--r-lg: 28px;--r-xl: 36px;--shadow-sm: 0 1px 2px rgb(11 22 51 / .05), 0 4px 14px -6px rgb(11 22 51 / .08);--shadow: 0 22px 44px -22px rgb(11 22 51 / .28);--shadow-lg: 0 44px 80px -32px rgb(11 22 51 / .45);--ease: cubic-bezier(.2, .7, .2, 1);--font-display: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--header-h: 76px;color-scheme:light}.tone-blue{--tone: var(--blue);--tone-50: var(--blue-50);--tone-ink: var(--blue-600)}.tone-green,.biologiya{--tone: var(--bio);--tone-50: var(--bio-50);--tone-ink: var(--bio-ink);--tone-400: var(--bio-400)}.tone-violet,.kimyo{--tone: var(--chem);--tone-50: var(--chem-50);--tone-ink: var(--chem-ink);--tone-400: var(--chem-400)}.tone-amber{--tone: var(--amber);--tone-50: var(--amber-50);--tone-ink: var(--amber-ink);--tone-400: var(--amber-400)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}svg{flex-shrink:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;color:var(--ink);line-height:1.08;letter-spacing:-.028em;text-wrap:balance}h1{font-size:clamp(2.35rem,1.3rem + 4.3vw,4.6rem);letter-spacing:-.038em}h2{font-size:clamp(1.9rem,1.25rem + 2.5vw,3.1rem);letter-spacing:-.032em}h3{font-size:1.22rem;line-height:1.28;letter-spacing:-.015em}p{margin:0;color:var(--muted);text-wrap:pretty}::selection{background:var(--blue-100);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.serif-word{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.06em}h1 .serif-word,h2 .serif-word{background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.08em}.on-dark h1 .serif-word,.on-dark h2 .serif-word{background-image:var(--aurora-light)}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.wrap-wide{width:min(1400px,calc(100% - 32px));margin-inline:auto}.section{padding-block:clamp(64px,8vw,116px)}.section-top{padding-top:clamp(64px,8vw,116px)}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,52px)}.sec-head>div{max-width:740px}.sec-head p{margin-top:16px;font-size:1.06rem}.sec-head>.btn{flex-shrink:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600)}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}.on-dark .eyebrow{color:var(--bio-400)}.on-dark h1,.on-dark h2,.on-dark h3{color:#fff}.on-dark p{color:#a9b5d3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:.95rem;line-height:1.2;white-space:nowrap;transition:transform .25s var(--ease),background-color .25s,border-color .25s,box-shadow .25s,color .25s}.btn svg{transition:transform .25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px -12px #2f5bffcc}.btn-primary:hover{background:var(--blue-600)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--navy-700)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:var(--blue-50)}.btn-glass{background:#ffffff14;border-color:#ffffff42;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background:#ffffff29}.btn-sm{min-height:42px;padding:9px 18px;font-size:.88rem}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:wait;transform:none}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.94rem;color:var(--blue-600)}.link-arrow svg{transition:transform .25s var(--ease)}.link-arrow:hover svg,a:hover>.link-arrow svg{transform:translate(4px)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--tone-50);color:var(--tone-ink);font-size:.8rem;font-weight:700;line-height:1.3}.icon-badge{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--tone-50);color:var(--tone-ink)}.icon-badge.sm{width:36px;height:36px;border-radius:11px}.element{display:flex;flex-direction:column;justify-content:space-between;width:96px;height:110px;padding:10px 12px;border-radius:18px;border:1px solid rgb(255 255 255 / .35);background:#0a163357;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.element small{font-size:.72rem;font-weight:700;letter-spacing:.04em;opacity:.9}.element b{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.04em}.element.solid{border:0;background:linear-gradient(150deg,var(--tone),color-mix(in srgb,var(--tone) 55%,#000));box-shadow:0 20px 36px -16px color-mix(in srgb,var(--tone) 80%,transparent)}.glass-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgb(255 255 255 / .3);background:#0a163373;color:#fff;font-size:.85rem;font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stretched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(var(--rot, 0deg))}}@keyframes ping{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.7);opacity:0}}@keyframes marquee{to{transform:translate(-50%)}}.spin{animation:spin 1s linear infinite}.bsb{min-height:100vh;background:radial-gradient(1100px 560px at 0% -10%,#dfe6ff,transparent 70%),radial-gradient(900px 520px at 110% 110%,#dcf3ea,transparent 70%),var(--bg)}.spin{animation:bsb-spin 1s linear infinite}.spin-slow{animation:bsb-spin 3s linear infinite}@keyframes bsb-spin{to{transform:rotate(360deg)}}.bsb-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;font-weight:700;color:var(--muted)}.bsb-loading.full{min-height:100vh}.bsb-hint{font-size:.92rem;color:var(--muted)}.bsb-error{margin-top:16px;padding:12px 16px;border-radius:14px;background:#fff1ec;font-size:.92rem;font-weight:600;color:#a2401f}.bsb-gate{display:grid;align-content:start;gap:20px;width:min(640px,100%);margin:0 auto;padding:clamp(24px,6vw,56px) 16px 40px}.bsb-gate-head{display:flex;align-items:center;gap:14px}.bsb-logo{width:54px;height:54px;object-fit:contain}.bsb-gate-head small{display:block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-600)}.bsb-gate-head h1{font-size:clamp(1.15rem,1rem + 1vw,1.5rem);line-height:1.25;color:var(--ink)}.bsb-card{padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}.bsb-step-title{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:1.25rem;color:var(--ink)}.bsb-step-title span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);font-family:var(--font-body);font-size:.95rem;color:#fff}.bsb-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:.88rem;font-weight:700;color:var(--muted)}.bsb-back:hover{color:var(--ink)}.bsb-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:18px}.bsb-class{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.bsb-class svg{color:var(--blue)}.bsb-class:hover:not(:disabled){border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.bsb-class:disabled{opacity:.6}.bsb-search{display:flex;align-items:center;gap:10px;margin:16px 0 12px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--muted)}.bsb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.bsb-search input{width:100%;height:50px;border:0;background:none;outline:none;font-size:1rem;color:var(--ink)}.bsb-students{display:grid;gap:8px;max-height:52vh;overflow-y:auto;margin:0 -6px;padding:0 6px}.bsb-student{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-size:1.02rem;font-weight:700;color:var(--ink);text-align:left;transition:background .2s,border-color .2s}.bsb-student:hover{border-color:var(--blue);background:var(--blue-50)}.bsb-none{padding:20px 0;text-align:center;color:var(--muted)}.bsb-code{display:flex;align-items:center;gap:12px;margin:18px 0;padding:0 20px;border:1px solid var(--line-strong);border-radius:18px;background:var(--bg);color:var(--muted)}.bsb-code:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-100)}.bsb-code input{width:100%;height:68px;border:0;background:none;outline:none;font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:.35em;color:var(--ink)}.bsb-start{justify-content:center;width:100%}.bsb-empty{display:grid;place-items:center;gap:10px;padding:26px 0;text-align:center;color:var(--muted)}.bsb-empty svg{color:var(--blue-400)}.bsb-empty h2{font-size:1.2rem;color:var(--ink)}.bsb-foot{text-align:center;font-size:.86rem;color:var(--muted)}.exam{min-height:100vh;padding-bottom:60px}.exam-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid var(--line);background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.exam-who{flex:1;min-width:0}.exam-who b{display:block;overflow:hidden;font-family:var(--font-display);font-size:1.02rem;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}.exam-who small{font-size:.8rem;color:var(--muted)}.exam-timer{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--blue-50);font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--blue-600);font-variant-numeric:tabular-nums}.exam-timer.low{background:#fff1ec;color:#a2401f;animation:bsb-pulse 1.6s ease-in-out infinite}@keyframes bsb-pulse{50%{opacity:.55}}.exam-progress{height:4px;background:var(--line)}.exam-progress span{display:block;height:100%;background:var(--aurora);transition:width .35s var(--ease)}.exam-body{display:grid;grid-template-columns:92px minmax(0,1fr);gap:clamp(16px,3vw,28px);width:min(980px,100%);margin:0 auto;padding:clamp(18px,3vw,30px) clamp(14px,3vw,24px)}.exam-nav{position:sticky;top:92px;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px}.exam-nav button{height:40px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-weight:700;color:var(--muted);transition:background .2s,color .2s,border-color .2s}.exam-nav button.done{border-color:transparent;background:var(--bio-50);color:var(--bio-ink)}.exam-nav button.on{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 18px -10px var(--blue)}.exam-main{min-width:0}.q-card{padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm)}.q-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.q-no{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue-50);font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--blue-600)}.q-no small{font-size:.7rem;font-weight:600;opacity:.7}.q-head>div{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.q-head small{font-size:.84rem;font-weight:700;color:var(--muted)}.q-points{padding:4px 12px;border-radius:999px;background:var(--amber-50);font-size:.8rem;font-weight:800;color:var(--amber-ink)}.q-text{margin:18px 0;font-size:clamp(1.02rem,.98rem + .3vw,1.18rem);line-height:1.6;color:var(--ink);white-space:pre-line}.q-image{display:block;max-width:100%;margin:0 0 18px;border:1px solid var(--line);border-radius:var(--r)}.q-options{display:grid;gap:10px}.q-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:16px;background:#fff;text-align:left;transition:border-color .2s,background .2s,transform .15s}.q-option:hover{border-color:var(--blue-400);background:var(--blue-50)}.q-option.on{border-color:var(--blue);background:var(--blue-50);box-shadow:0 0 0 1px var(--blue)}.q-letter{display:grid;flex-shrink:0;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg);font-family:var(--font-display);font-weight:700;color:var(--ink)}.q-option.on .q-letter{background:var(--blue);color:#fff}.q-option-text{flex:1;font-size:1rem;line-height:1.45;color:var(--text)}.q-tick{flex-shrink:0;color:var(--blue)}.q-statements{display:grid;gap:10px}.q-statement{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.q-statement p{flex:1;min-width:200px;font-size:.98rem;line-height:1.5;color:var(--ink)}.q-tf{display:flex;flex-shrink:0;gap:8px}.q-tf button{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;font-size:.88rem;font-weight:700;color:var(--muted);transition:background .2s,color .2s,border-color .2s}.q-tf button:hover{border-color:var(--ink);color:var(--ink)}.q-tf button.on{border-color:transparent;background:var(--bio-50);color:var(--bio-ink)}.q-tf button.off{border-color:transparent;background:#fff1ec;color:#a2401f}.q-short input,.q-open textarea{width:100%;padding:14px 16px;border:1px solid var(--line-strong);border-radius:16px;background:#fff;font-family:inherit;font-size:1rem;line-height:1.6;color:var(--ink);outline:none;resize:vertical}.q-short input:focus,.q-open textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.q-open small{display:block;margin-top:8px;font-size:.8rem;color:var(--muted)}.exam-move{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.exam-move .btn:last-child{margin-left:auto}.exam-save{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--muted)}.exam-error{display:flex;align-items:center;justify-content:center;gap:8px;width:min(980px,100%);margin:0 auto;padding:12px 16px;color:#a2401f}.exam-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#050d208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-modal-card{display:grid;gap:14px;width:min(420px,100%);padding:28px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-lg)}.exam-modal-card h2{font-size:1.25rem}.exam-modal-card p{color:var(--text)}.exam-modal-actions{display:flex;justify-content:flex-end;gap:10px}.bsb-result{display:grid;gap:20px;width:min(820px,100%);margin:0 auto;padding:clamp(20px,5vw,48px) 16px 60px}.res-head{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,4vw,36px);padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}.res-ring{position:relative;display:grid;flex-shrink:0;place-items:center;width:168px;height:168px;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--value) * 1%),var(--line) 0)}.res-ring:after{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#fff;content:""}.res-ring b,.res-ring span{position:relative;z-index:1}.res-ring b{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--ink)}.res-ring b small{font-size:1.1rem;color:var(--muted)}.res-ring span{margin-top:4px;font-size:.86rem;font-weight:700;color:var(--muted)}.res-head.mark-5{--tone: var(--bio)}.res-head.mark-4{--tone: var(--blue)}.res-head.mark-3{--tone: var(--amber)}.res-head.mark-2{--tone: #d7542c}.res-sum{flex:1;min-width:220px}.res-sum small{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.res-sum h1{margin:4px 0 10px;font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);color:var(--ink)}.res-mark{font-size:1.05rem;color:var(--text)}.res-mark b{display:inline-grid;place-items:center;width:34px;height:34px;margin:0 4px;border-radius:10px;background:var(--tone);font-family:var(--font-display);font-size:1.2rem;color:#fff;vertical-align:-8px}.res-grading{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--chem-50);font-size:.92rem;font-weight:600;color:var(--chem-ink)}.res-list{display:grid;gap:12px}.res-list h2{font-size:1.15rem;color:var(--ink)}.res-item{padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--r);background:#fff}.res-item.full{border-left-color:var(--bio)}.res-item.zero{border-left-color:#d7542c}.res-item header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.res-no{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--bg);font-size:.85rem;font-weight:700;color:var(--muted)}.res-item header small{flex:1;font-size:.8rem;font-weight:700;color:var(--muted)}.res-score{font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}.res-q{font-size:.98rem;line-height:1.55;color:var(--ink);white-space:pre-line}.res-a{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--bg);font-size:.92rem;line-height:1.55;color:var(--text);white-space:pre-line}.res-a span{font-weight:700;color:var(--muted)}.res-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:.9rem;line-height:1.5;color:var(--muted)}.res-note svg{flex-shrink:0;margin-top:2px}.res-closed,.res-hidden{text-align:center}.res-out{justify-self:center}@media(max-width:720px){.exam-body{grid-template-columns:minmax(0,1fr)}.exam-nav{position:static;display:flex;overflow-x:auto;gap:6px;margin:0 -14px;padding:0 14px 4px;scrollbar-width:none}.exam-nav::-webkit-scrollbar{display:none}.exam-nav button{flex:0 0 40px}.exam-bar{flex-wrap:wrap}.exam-who{flex-basis:100%;order:-1}.exam-finish{margin-left:auto}.res-ring{width:140px;height:140px}.exam-move .btn{flex:1;justify-content:center}.exam-save{order:3;flex-basis:100%;justify-content:center}}