:root{--green:#009d68;--deep:#007a53;--light:#e4fbf1;--mint:#d7f8ec;--ink:#0c1c3b;--grey:#627089;--border:#dbece7;--bg:#f4fffc;--shadow:0 9px 24px rgba(21,87,69,.07);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 90% 5%,#e9fcf5,transparent 36%),var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2cd2a1;outline-offset:3px}.hidden{display:none!important}.muted{color:var(--grey)}.site-header{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid #eaf4f0;position:sticky;top:0;z-index:20}.header-inner{max-width:1410px;margin:auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:19px;line-height:1.05;letter-spacing:-.7px;white-space:nowrap}.brand-cup{font-size:34px}.top-nav,.header-actions{display:flex;align-items:center;gap:26px}.top-nav a{font-weight:650;position:relative;font-size:14px;white-space:nowrap;padding:12px 0}.top-nav a.active{color:var(--green)}.top-nav a.active:after{content:"";height:3px;border-radius:5px;background:var(--green);position:absolute;left:0;right:0;bottom:2px}.header-actions{gap:10px}.language{margin-right:10px;white-space:nowrap;font-weight:650}.btn{border:1px solid transparent;border-radius:12px;padding:12px 20px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#0cbb7c,#008d5c);color:white;box-shadow:0 4px 10px #13a8782b}.btn-primary:hover{color:white;background:var(--deep)}.btn-outline{background:white;color:var(--ink);border-color:#56c6a1}.btn-outline:hover{color:var(--green)}.btn-small{font-size:13px;padding:9px 15px}.btn-full{width:100%}.btn-soft{background:var(--light);color:var(--deep)}.account-pill{border:1px solid var(--border);background:#f7fcfa;border-radius:11px;padding:7px 11px;display:flex;align-items:center;gap:8px;font-weight:700}.account-avatar{background:var(--mint);border-radius:100%;padding:5px}.mobile-only{display:none}.page{max-width:1400px;margin:0 auto;padding:28px 28px 55px}.hero{min-height:290px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:20px;padding:30px 42px;border-radius:24px;background:linear-gradient(105deg,#fff 0%,#f4fffc 62%,#defaf0 100%);overflow:hidden}.hero-copy h1{font-size:clamp(27px,3.3vw,48px);line-height:1.17;letter-spacing:-1.4px;margin:0 0 15px;font-weight:850}.hero-copy h1 em{color:var(--deep);font-style:normal}.hero-copy p{font-size:16px;max-width:570px;margin:0 0 20px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}.art-blob{position:absolute;width:95%;height:80%;border-radius:50% 40% 42% 34%;background:#d1f7e9;filter:blur(1px);transform:rotate(-6deg)}.laptop{width:62%;z-index:2;position:relative;transform:rotate(-1deg)}.laptop-screen{height:185px;border:11px solid #123451;background:#e8fff6;border-radius:13px 13px 7px 7px;display:flex;justify-content:center;align-items:center;font-size:95px;box-shadow:0 12px 0 #14b886}.laptop-base{height:18px;background:#123451;border-radius:2px 2px 30px 30px;margin:11px -24px 0}.art-cap{position:absolute;font-size:95px;right:14%;top:-8%;z-index:3;transform:rotate(17deg)}.art-book{position:absolute;left:9%;bottom:4%;font-size:74px;z-index:3}.art-spark{position:absolute;color:#00b87b;font-size:45px;font-weight:bold;right:8%;top:32%}.subjects{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:20px}.subject{border:1px solid #e5f2ee;background:white;box-shadow:var(--shadow);border-radius:17px;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:750;transition:.15s}.subject:hover{border-color:#40c99d;transform:translateY(-3px)}.subject-icon{font-size:31px;color:var(--green);line-height:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 14px}.section-heading h2{font-size:23px;margin:0;display:flex;gap:10px;align-items:center;letter-spacing:-.5px}.heading-icon{font-size:27px;color:var(--green)}.text-link{background:var(--light);border:none;border-radius:14px;color:var(--deep);padding:8px 16px;font-weight:750;font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:19px}.olympiad-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:195px}.olympiad-title{display:flex;align-items:center;gap:13px}.olympiad-title strong{font-size:17px;line-height:1.3}.icon-square{background:var(--mint);color:var(--green);border-radius:13px;width:51px;height:51px;display:grid;place-items:center;font-size:28px;flex:none}.olympiad-info{padding-left:64px;display:grid;gap:4px;color:#3f4b62;font-size:13px}.olympiad-card .btn{align-self:flex-end;margin-top:auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step{display:flex;align-items:center;gap:15px}.step-num{width:29px;height:29px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-weight:800;flex:none}.step strong{display:block;font-size:16px}.step p{margin:3px 0 0;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#e2faf1;border-radius:18px;margin-top:20px;padding:17px}.metric{display:flex;justify-content:center;gap:17px;align-items:center;border-right:1px solid #b3e9d4}.metric:last-child{border:0}.metric .symbol{font-size:35px}.metric strong{display:block;font-size:26px;line-height:1.1}.metric span{font-size:13px}.site-footer{border-top:1px solid var(--border);background:#fff}.footer-inner{max-width:1410px;display:flex;align-items:center;gap:28px;justify-content:space-between;margin:auto;padding:15px 28px}.footer-brand{font-size:14px}.footer-brand .brand-cup{font-size:23px}.footer-inner nav{display:flex;gap:25px;font-size:13px;font-weight:650}.dashboard-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.sidebar{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:21px;padding:18px 11px;min-height:720px;align-self:start;position:sticky;top:90px}.profile-box{text-align:center;padding:8px 7px 22px}.profile-image{height:113px;width:113px;background:linear-gradient(145deg,#c8f9e8,#e3faf3);border-radius:50%;margin:6px auto 12px;display:grid;place-items:center;font-size:64px}.profile-box h2{margin:0 0 7px;font-size:19px;line-height:1.25}.class-tag{display:inline-block;background:var(--light);color:var(--deep);border-radius:15px;padding:3px 15px;font-weight:750}.profile-id{color:var(--grey);font-size:13px;margin-top:10px}.sidebar-menu{display:grid;gap:6px;margin-top:10px}.sidebar-menu button{border:0;background:none;text-align:left;border-radius:11px;padding:12px 11px;font-weight:650;display:flex;align-items:center;gap:10px;color:var(--ink)}.sidebar-menu button span{font-size:20px}.sidebar-menu button:hover,.sidebar-menu button.selected{background:var(--light);color:var(--deep)}.dashboard-main{min-width:0}.welcome{border:1px solid var(--border);background:linear-gradient(100deg,#fff,#eafcf5);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-top h1{font-size:clamp(24px,2.9vw,36px);letter-spacing:-.8px;margin:0}.welcome-top p{margin:5px 0 0;max-width:650px}.welcome-art{font-size:68px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.stat{border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);background:white;padding:15px;display:flex;align-items:center;gap:12px}.stat-icon{font-size:27px;color:var(--green)}.stat strong{font-size:26px;line-height:1.1;display:block}.stat span{font-size:12px;color:var(--grey)}.dashboard-cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.85fr);gap:16px;margin-top:16px}.panel{background:white;border:1px solid var(--border);border-radius:20px;padding:15px;box-shadow:var(--shadow);min-width:0;margin-bottom:16px}.panel .section-heading{margin:2px 0 14px}.panel .section-heading h2{font-size:19px}.panel .cards-grid{gap:10px}.panel .olympiad-card{padding:12px;min-height:185px}.panel .olympiad-title{gap:7px}.panel .icon-square{width:39px;height:39px;font-size:23px}.panel .olympiad-title strong{font-size:13px}.panel .olympiad-info{padding-left:0;font-size:12px}.panel .btn{font-size:12px;padding:9px 12px}.rows{display:grid;gap:6px}.list-row{padding:12px;border:1px solid #e8f2ed;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.list-row strong{display:block;font-size:14px}.list-row .muted{font-size:12px}.status{display:inline-block;border-radius:20px;padding:4px 11px;white-space:nowrap;font-size:12px;font-weight:750;background:#eff3f5;color:#526070}.status.live{background:#dff9e8;color:#008d54}.status.future{background:#fff2d2;color:#b8780b}.status.done{background:#eaf3ff;color:#416caa}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table th{text-align:left;background:#e5f9f0;padding:10px}.results-table td{padding:10px;border-bottom:1px solid #e4f0eb}.results-table tr:last-child td{border:0}.achievement{text-align:center;background:radial-gradient(ellipse,#e3fbf0,white 65%);padding:15px}.achievement-art{font-size:100px;line-height:1.5}.achievement strong{font-size:23px;display:block}.achievement .btn{margin-top:12px}.notification{display:flex;gap:10px;border-bottom:1px solid #e4f0eb;padding:10px 0;font-size:13px}.notification:last-child{border:0}.notification-icon{font-size:26px}.notification strong{display:block}.page-intro{background:linear-gradient(100deg,#fff,#e9fbf4);border:1px solid var(--border);border-radius:21px;padding:26px;margin-bottom:20px}.page-intro h1{margin:0 0 5px;font-size:29px}.page-intro p{margin:0;color:var(--grey)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-row input,.filter-row select,.form-card input,.form-card select{padding:12px 13px;border:1px solid var(--border);background:white;border-radius:10px;min-width:170px;color:var(--ink)}.filter-row input{flex:1}.simple-content{max-width:850px;margin:auto}.info-section{margin-bottom:15px}.info-section h2{margin:0 0 9px}.info-section p{margin:8px 0}.info-section ol{padding-left:22px}.test-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.timer{font-weight:800;color:#b76005;background:#fff0d4;border-radius:12px;padding:8px 13px}.question-option{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:9px;cursor:pointer}.question-option:has(input:checked){background:var(--light);border-color:var(--green)}.question-option input{accent-color:var(--green)}.test-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.result-score{font-size:65px;font-weight:850;color:var(--green)}.certificate{padding:45px;border:9px double #00a675;background:#f9fffc;text-align:center}.certificate h1{font-size:32px}.certificate .recipient{font-size:27px;font-weight:800;color:var(--deep)}.certificate .seal{font-size:70px}.modal-backdrop{position:fixed;inset:0;background:#0e213a93;z-index:40;display:flex;align-items:center;justify-content:center;padding:15px}.auth-modal{width:min(100%,430px);border-radius:22px;background:white;padding:27px;position:relative;box-shadow:0 20px 90px #0b1b3b33}.auth-modal h2{margin:12px 0 3px}.auth-modal p{margin:0 0 17px}.modal-close{position:absolute;right:18px;top:15px;background:#f1f5f4;border:0;border-radius:50%;width:33px;height:33px}.auth-modal form{display:grid;gap:12px}.auth-modal label{display:grid;gap:5px;font-size:13px;font-weight:700}.auth-modal input,.auth-modal select{border:1px solid var(--border);border-radius:9px;padding:10px;width:100%;color:var(--ink)}.link-button{border:none;background:none;color:var(--green);font-weight:750;margin:15px auto 0;display:block}.demo-note{font-size:11px;color:var(--grey);text-align:center;margin:15px 0 0!important}#toast{position:fixed;bottom:22px;right:22px;background:#0d7856;color:white;border-radius:12px;padding:13px 20px;z-index:100;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}#toast.show{opacity:1;transform:translateY(0)}.empty-state{text-align:center;padding:35px 15px;color:var(--grey)}.empty-state .emoji{font-size:53px}.empty-state strong{display:block;color:var(--ink);font-size:19px}.pad-top{margin-top:16px}
@media(max-width:1120px){.top-nav{gap:13px}.header-inner{gap:12px;padding:12px 18px}.language{display:none}.brand{font-size:16px}.brand-cup{font-size:28px}.page{padding:23px 17px 35px}.dashboard-layout{grid-template-columns:200px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-cols{grid-template-columns:1fr}.dashboard-cols .panel .cards-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.mobile-only{display:block}.icon-button{border:0;background:var(--light);padding:7px 11px;border-radius:9px}.header-inner{flex-wrap:wrap}.top-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0}.top-nav.open{display:flex}.top-nav a{padding:12px;border-bottom:1px solid var(--border)}.header-actions{margin-left:auto}.header-actions .btn-small{padding:8px 10px;font-size:12px}.hero{grid-template-columns:1fr;padding:25px 20px}.hero-art{min-height:190px}.laptop-screen{height:120px;font-size:60px}.art-cap{font-size:62px}.art-book{font-size:46px}.subjects{grid-template-columns:repeat(4,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:11px}.metrics{gap:5px}.metric{gap:4px}.metric .symbol{font-size:24px}.metric strong{font-size:18px}.footer-inner{flex-wrap:wrap;justify-content:center}.dashboard-layout{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.profile-box{display:none}.sidebar-menu{display:flex;overflow:auto;margin:0;gap:5px}.sidebar-menu button{white-space:nowrap}.dashboard-cols .panel .cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.page{padding:15px 11px 30px}.header-inner{padding:10px}.brand{font-size:15px}.brand-cup{font-size:25px}.header-actions .btn-outline{display:none}.header-actions .btn-primary{padding:8px}.header-actions .account-pill{font-size:11px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:14px}.hero-art{min-height:170px}.subjects{grid-template-columns:repeat(3,1fr);gap:8px}.subject{font-size:12px;min-height:77px}.section-heading h2{font-size:19px}.text-link{font-size:11px;padding:7px}.cards-grid,.dashboard-cols .panel .cards-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr;gap:11px}.metric{border-right:0;border-bottom:1px solid #b3e9d4;padding-bottom:9px}.metric:last-child{border:0}.stats{gap:8px}.stat{padding:10px}.stat-icon{font-size:23px}.stat strong{font-size:21px}.welcome{padding:17px}.welcome-art{font-size:37px}.welcome-top h1{font-size:22px}.welcome-top p{font-size:13px}.footer-inner nav{flex-wrap:wrap;justify-content:center;gap:12px}.results-table{font-size:11px}.results-table th,.results-table td{padding:7px 4px}.certificate{padding:15px}.certificate h1{font-size:23px}}
@media print{.site-header,.site-footer,.sidebar,.btn,.text-link{display:none!important}.page{padding:0}.certificate{min-height:90vh;display:flex;flex-direction:column;justify-content:center}}