:root{--green-950:#052e1b;--green-900:#064e2c;--green-800:#0b6639;--green-700:#0e7a43;--green-600:#159451;--green-500:#22ad63;--green-400:#49c87f;--green-200:#b9efd0;--green-100:#e7f9ee;--green-50:#f4fcf7;--lime:#b9f227;--ink:#173126;--muted:#63776d;--line:#dce9e1;--white:#fff;--red:#c93636;--amber:#b26a00;--shadow:0 14px 38px rgba(6,78,44,.10);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fbfefc;line-height:1.55}a{color:var(--green-700);text-decoration:none}a:hover{color:var(--green-900)}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--green-950)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:1.06rem}.brand small{color:var(--muted);font-size:.75rem;margin-top:4px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:1.35rem;font-weight:900;color:white;background:linear-gradient(145deg,var(--green-500),var(--green-900));box-shadow:0 8px 22px rgba(14,122,67,.22)}.main-nav{display:flex;align-items:center;gap:20px;font-weight:700;font-size:.93rem}.main-nav>a{color:#2d4b3d}.main-nav>a:hover{color:var(--green-700)}.menu-toggle{display:none;border:0;background:var(--green-100);color:var(--green-900);padding:9px 12px;border-radius:10px}.whatsapp-nav{display:inline-flex!important;align-items:center;padding:9px 14px;border-radius:999px;background:#25d366;color:white!important;box-shadow:0 8px 20px rgba(37,211,102,.22)}main{min-height:calc(100vh - 160px)}.site-footer{margin-top:70px;background:var(--green-950);color:#dff7e9;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer a{color:#8df1b8}.page{padding:44px 0}.narrow{max-width:900px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px}.page-heading h1,.page-heading h2{margin:3px 0 0}.page-heading p{margin:8px 0 0;color:var(--muted);max-width:750px}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.045em}h2{font-size:1.55rem;letter-spacing:-.025em;margin-top:34px}h3{margin:.2rem 0 .55rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.77rem;font-weight:900;color:var(--green-700)}.muted{color:var(--muted)}.center{text-align:center}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,var(--green-600),var(--green-800));color:white!important;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(14,122,67,.18);transition:.18s ease}.button:hover{transform:translateY(-1px);filter:brightness(.96)}.button-secondary{background:white;color:var(--green-800)!important;border:1px solid var(--green-300,#9fdfba);box-shadow:none}.button-danger{background:linear-gradient(135deg,#d84444,#a92323)}.button-small{padding:8px 12px;font-size:.86rem;border-radius:9px}.full{width:100%}.text-button{border:0;background:none;color:var(--green-700);font-weight:800;cursor:pointer;padding:4px}.back-link{display:inline-block;margin-bottom:18px;font-weight:800}.hero{overflow:hidden;background:radial-gradient(circle at 85% 5%,rgba(185,242,39,.28),transparent 28%),linear-gradient(135deg,var(--green-50),white 60%);border-bottom:1px solid var(--line)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);max-width:850px;margin:14px 0 22px;color:var(--green-950)}.hero-copy{font-size:1.17rem;color:#456356;max-width:690px}.hero-actions{display:flex;gap:12px;margin:28px 0 14px}.hero-panel{display:grid;place-items:center}.chem-orbit{position:relative;width:380px;height:380px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 32%,var(--green-100) 33% 54%,transparent 55%);border:2px dashed var(--green-300,#9fdfba);box-shadow:0 30px 80px rgba(6,78,44,.14)}.chem-orbit strong{font-size:2rem;color:var(--green-900)}.chem-orbit span{position:absolute;padding:11px 15px;border-radius:12px;background:white;border:1px solid var(--green-200);font-weight:900;box-shadow:var(--shadow);color:var(--green-800)}.chem-orbit span:nth-child(1){top:35px;left:50%;transform:translateX(-50%)}.chem-orbit span:nth-child(2){right:23px;top:50%;transform:translateY(-50%)}.chem-orbit span:nth-child(3){bottom:38px;left:50%;transform:translateX(-50%)}.chem-orbit span:nth-child(4){left:28px;top:50%;transform:translateY(-50%)}.section{padding:70px 0}.section-soft{background:var(--green-50)}.feature-grid,.topic-grid,.paper-grid,.stats-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid .card{padding:24px}.topic-grid{grid-template-columns:repeat(3,1fr)}.topic-grid.large{grid-template-columns:repeat(3,1fr)}.topic-card{position:relative;padding:25px;color:var(--ink);transition:.2s}.topic-card:hover{transform:translateY(-4px);border-color:var(--green-300,#9fdfba);color:var(--ink)}.topic-number{width:40px;height:40px;border-radius:12px;background:var(--green-100);color:var(--green-800);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.topic-card p{color:var(--muted);min-height:52px}.topic-meta{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;font-weight:750;color:var(--green-800)}.progress-line{height:8px;background:#eaf2ed;border-radius:999px;overflow:hidden;margin:14px 0 7px}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--green-500),var(--lime));border-radius:inherit}.difficulty-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:white;padding:36px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.difficulty-bars{display:grid;gap:12px}.difficulty-bars div{display:flex;justify-content:space-between;background:var(--green-50);border-radius:12px;padding:13px 16px}.stats-grid{grid-template-columns:repeat(4,1fr);margin:0 0 32px}.stat-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:.86rem;font-weight:700}.stat-card strong{display:block;font-size:2rem;color:var(--green-900);margin-top:5px}.paper-grid{grid-template-columns:repeat(4,1fr)}.paper-card{padding:20px}.paper-top{display:flex;justify-content:space-between;align-items:center}.paper-no{width:34px;height:34px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800);border-radius:10px;font-weight:900}.paper-card p{color:var(--muted);font-size:.9rem;min-height:48px}.paper-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-chip{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--green-100);color:var(--green-900);font-weight:900}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.74rem;font-weight:850}.status-approved,.status-completed{background:#dcf7e7;color:#086333}.status-pending,.status-inprogress{background:#fff1c9;color:#8b5a00}.status-rejected,.status-suspended{background:#ffe0e0;color:#9b2424}.status-notstarted{background:#eef3f0;color:#5d6e65}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:850}.badge-easy{background:#dcf7e7;color:#076133}.badge-medium{background:#fff0c8;color:#8b5a00}.badge-difficult{background:#ffe0e0;color:#a22929}.badge-neutral{background:#eef3f0;color:#596c62}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--green-50)}.table-wrap tr:last-child td{border-bottom:0}.question-cell{max-width:460px}.inline-form{display:inline-flex;align-items:center;gap:6px;margin:0}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-tabs a{padding:8px 12px;border-radius:9px;background:white;border:1px solid var(--line);font-weight:750}.filter-tabs a.active{background:var(--green-700);color:white;border-color:var(--green-700)}.scrollable{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.filter-form{padding:18px;display:flex;gap:18px;margin-bottom:18px}.filter-form label{flex:1}.auth-wrap,.install-wrap{min-height:75vh;display:grid;place-items:center;padding:50px 0}.auth-card,.install-card{width:min(540px,100%);padding:32px}.install-card{width:min(800px,100%)}.install-brand{margin-bottom:25px}label{display:block;font-weight:800;font-size:.9rem;margin-bottom:14px}input,textarea,select{width:100%;margin-top:6px;border:1px solid #cdded3;border-radius:10px;padding:11px 12px;color:var(--ink);background:white;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green-500);box-shadow:0 0 0 3px rgba(34,173,99,.12)}label small,.input-help{display:block;color:var(--muted);font-weight:500;margin-top:5px;font-size:.8rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:span 2}.editor-form{padding:25px}.alert{padding:13px 16px;border-radius:12px;margin:12px 0;font-weight:650}.alert-success{background:#dcf7e7;color:#075e31}.alert-danger{background:#ffe2e2;color:#932222}.alert-warning{background:#fff2cc;color:#815300}.alert-info{background:#e4f7ec;color:#0b6240}.flash-wrap{padding-top:14px}.practice-page{padding:28px 0}.practice-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.practice-head h1{font-size:1.65rem;margin:4px 0}.practice-head p{margin:0;color:var(--muted)}.save-state{font-size:.82rem;font-weight:850;color:var(--green-700);background:var(--green-100);padding:8px 12px;border-radius:999px}.save-state.saving{color:#8b5a00;background:#fff1c9}.save-state.error{color:#982525;background:#ffe0e0}.practice-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.question-sidebar{position:sticky;top:96px;align-self:start;background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.sidebar-progress strong{font-size:1.45rem;color:var(--green-900)}.sidebar-progress small{display:block;color:var(--muted)}.question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0}.q-nav-btn{height:38px;border-radius:9px;border:1px solid var(--line);background:white;font-weight:850;color:var(--muted);cursor:pointer}.q-nav-btn.answered{background:var(--green-100);border-color:var(--green-300,#9fdfba);color:var(--green-800)}.q-nav-btn.active{background:var(--green-700);color:white;border-color:var(--green-700)}.difficulty-key{display:grid;gap:7px;font-size:.8rem}.difficulty-key span{display:flex;justify-content:space-between}.question-card{display:none;padding:28px;min-height:500px}.question-card.active{display:block}.question-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:22px}.question-meta .marks{margin-left:auto;font-weight:850;color:var(--green-900)}.question-text{font-size:1.12rem;font-weight:650;line-height:1.7;margin-bottom:24px}.answer-area textarea,.answer-area input[type=text]{font-size:1rem}.mcq-options{display:grid;gap:11px}.mcq-option{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:13px;cursor:pointer;font-weight:600}.mcq-option:hover{border-color:var(--green-400);background:var(--green-50)}.mcq-option:has(input:checked){border-color:var(--green-600);background:var(--green-100)}.mcq-option input{width:auto;margin:4px 0 0}.option-letter{min-width:29px;height:29px;border-radius:8px;background:white;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;color:var(--green-800)}.question-tools{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.bookmark-button.bookmarked{color:#8a6600}.hint-box,.feedback-box{margin-top:14px;padding:14px 16px;border-radius:12px;background:#f0fbf5;border-left:4px solid var(--green-500)}.hidden{display:none!important}.practice-controls{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.complete-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px;margin-top:30px}.complete-panel h3,.complete-panel p{margin:0}.complete-panel p{color:var(--muted);margin-top:4px}.result-hero{display:flex;justify-content:space-between;align-items:center;padding:30px;background:linear-gradient(135deg,white,var(--green-50))}.result-hero h1{font-size:4rem;margin:8px 0}.result-ring{--score:0;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green-600) calc(var(--score)*1%),#e8f1eb 0);position:relative}.result-ring:before{content:"";position:absolute;inset:13px;background:white;border-radius:50%}.result-ring strong{position:relative;font-size:1.5rem;color:var(--green-900)}.result-stats{margin-top:18px}.breakdown{padding:24px;margin-top:18px}.breakdown h2{margin-top:0}.breakdown>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.review-list{display:grid;gap:16px}.review-card{padding:24px;border-left:5px solid var(--line)}.status-border-correct{border-left-color:var(--green-500)}.status-border-partial{border-left-color:#d59a1a}.status-border-incorrect,.status-border-unanswered{border-left-color:#d84444}.status-text{font-weight:900}.status-correct{color:var(--green-700)}.status-partial{color:#a56b00}.status-incorrect,.status-unanswered{color:#b62b2b}.answer-review{display:grid;grid-template-columns:1fr 1fr;gap:16px}.answer-review>div{background:#f8fbf9;border:1px solid var(--line);border-radius:12px;padding:14px}.answer-review small,.reveal-panel small{font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.answer-review p{margin:6px 0 0}.review-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.reveal-panel{margin-top:15px;padding:18px;border-radius:13px;background:var(--green-50);border:1px solid var(--green-200)}.model-answer{font-weight:800}.empty-state{text-align:center;padding:50px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.override-form{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:end;margin-top:18px}.override-form label{margin:0}details{margin-top:14px}summary{cursor:pointer;font-weight:850;color:var(--green-700)}code{background:#eff6f1;padding:2px 5px;border-radius:5px}.chemistry-text{font-variant-numeric:lining-nums}.install-body{background:linear-gradient(135deg,var(--green-50),#fff)}
@media(max-width:1050px){.paper-grid{grid-template-columns:repeat(3,1fr)}.topic-grid,.topic-grid.large{grid-template-columns:repeat(2,1fr)}.practice-layout{grid-template-columns:220px 1fr}.main-nav{gap:13px;font-size:.86rem}}
@media(max-width:820px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:16px;right:16px;flex-direction:column;align-items:stretch;background:white;padding:16px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{text-align:center}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:75px 0}.hero-panel{display:none}.feature-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.paper-grid{grid-template-columns:repeat(2,1fr)}.difficulty-card,.admin-grid{grid-template-columns:1fr}.practice-layout{grid-template-columns:1fr}.question-sidebar{position:static}.question-nav{grid-template-columns:repeat(10,1fr)}.difficulty-key{display:none}.answer-review{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.page-heading{align-items:flex-start;flex-direction:column}.complete-panel{align-items:flex-start;flex-direction:column}.override-form{grid-template-columns:1fr}.result-hero{align-items:flex-start}.result-ring{width:105px;height:105px}.result-hero h1{font-size:3rem}}
@media(max-width:560px){.container{width:min(100% - 20px,1180px)}.feature-grid,.stats-grid,.topic-grid,.topic-grid.large,.paper-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.hero{padding-top:10px}.hero h1{font-size:2.65rem}.hero-actions{flex-direction:column}.practice-controls #questionPosition{display:none}.question-nav{grid-template-columns:repeat(5,1fr)}.question-card{padding:19px}.question-tools{align-items:flex-start;flex-direction:column}.result-hero{flex-direction:column}.result-ring{margin-top:15px}.filter-form{flex-direction:column}.paper-actions{grid-template-columns:1fr}}