:root{--ink:#15233f;--muted:#73809a;--blue:#3e63f5;--line:#e5eaf3;--paper:#fff;--bg:#f5f7fc;--purple:#8264f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b8c7ff}button:disabled{opacity:.65;cursor:wait}.site{max-width:1440px;min-height:100vh;margin:auto;padding:0 5.5%}.topbar{border-bottom:1px solid #e9edf5;justify-content:space-between;align-items:center;gap:20px;height:88px;display:flex}.brand{color:var(--ink);letter-spacing:-.8px;align-items:center;gap:11px;font-family:Arial,sans-serif;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand-icon,.auth-mark{color:#fff;background:linear-gradient(145deg,#eff6ff,#ecfdf5);border-radius:14px;place-items:center;width:43px;height:43px;font-size:23px;display:grid;box-shadow:0 8px 22px #566af52b}.brand-icon img{object-fit:contain;width:100%;height:100%;padding:3px;display:block}.brand small{color:#8b96aa;letter-spacing:1.5px;margin-top:2px;font:700 8px Arial,sans-serif;display:block}.account-actions{align-items:center;gap:10px;display:flex}.user-chip{color:#52617c;margin-right:6px;font-size:13px}.btn{border:1px solid #0000;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 10px 20px #5267f53b}.btn-wide{width:100%;padding:14px}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#6f62f4 0,#0000 31%),linear-gradient(115deg,#18294c 0%,#293f9b 60%,#5d57d8 100%);border-radius:26px;justify-content:space-between;align-items:center;min-height:315px;margin:28px 0 22px;padding:43px 48px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:630px;position:relative}.eyebrow,.section-kicker{letter-spacing:1.8px;color:#9fb7ff;font-size:10px;font-weight:800}.hero h1{letter-spacing:-1.8px;max-width:600px;margin:14px 0;font:800 clamp(32px,4vw,48px)/1.13 Arial,sans-serif}.hero h1 em{color:#b9c4ff;font-style:normal}.hero p{color:#d8e0ff;max-width:590px;font-size:14px;line-height:1.8}.hero-pills{flex-wrap:wrap;gap:8px;margin-top:23px;display:flex}.hero-pills span{color:#f5f7ff;background:#ffffff12;border:1px solid #ffffff30;border-radius:99px;padding:8px 11px;font-size:11px}.hero-art{flex:none;width:270px;height:220px;margin:0 25px 0 10px;position:relative}.art-glow{filter:blur(30px);background:#a3a0ff45;border-radius:50%;position:absolute;inset:20px}.art-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff45;border-radius:17px;position:absolute;box-shadow:0 20px 50px #0c153d45}.art-card-back{color:#dce3ff;background:#ffffff20;width:145px;height:175px;padding:20px;font-size:42px;top:7px;right:0;transform:rotate(9deg)}.art-card-back small{color:#f0f2ff;margin-top:45px;font-size:9px;line-height:1.5;display:block}.art-card-front{color:#344c91;background:#ffffffed;width:190px;height:165px;padding:18px;top:30px;left:5px;transform:rotate(-5deg)}.art-tag{letter-spacing:1px;font-size:8px;font-weight:800}.art-line{background:#dce3fa;border-radius:9px;width:72%;height:6px;margin-top:11px}.art-line.wide{background:#bfcaff;width:95%;margin-top:16px}.art-line.short{background:#c4baff;width:43%}.art-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.art-grid i{background:#eef1ff;border:1px solid #dbe2ff;border-radius:5px;height:28px}.tabs{isolation:isolate;background:linear-gradient(125deg,#0b211d 0%,#103b31 52%,#124a3a 100%);border:1px solid #24564b;border-radius:18px;flex-wrap:wrap;align-items:stretch;gap:9px;margin:0 0 25px;padding:10px;display:flex;position:relative;box-shadow:0 12px 28px #082c2438,inset 0 1px #ffffff12}.tab{color:#e2f4ed;letter-spacing:.05px;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:14px 17px;font-size:14px;font-weight:800;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.tab:hover{color:#fff;background:#ffffff16;border-color:#7dd9b533;transform:translateY(-1px)}.tab:focus-visible{outline-offset:3px;outline:3px solid #6ee7b7}.tab.active:after{content:"";background:#86efc4;border-radius:99px;height:3px;position:absolute;bottom:-5px;left:20%;right:20%;box-shadow:0 0 12px #34d3999c}.lock{color:#8a92a6;letter-spacing:.5px;background:#f0f1f7;border-radius:5px;padding:4px 6px;font-size:8px}.content{min-height:300px}.two-col{grid-template-columns:minmax(275px,.78fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;box-shadow:0 7px 28px #243d7007}.form-panel{padding:25px}.section-kicker{color:#7c8bea;font-size:9px}.panel h2,.auth-modal h2{letter-spacing:-.7px;margin:8px 0;font:800 22px Arial,sans-serif}.muted{color:var(--muted);margin:0 0 19px;font-size:12px;line-height:1.7}.form-panel form,.auth-modal form{gap:16px;display:grid}.form-panel label,.auth-modal label,.ad-form label{color:#45536c;gap:8px;font-size:11px;font-weight:800;display:grid}.form-panel input,.form-panel textarea,.auth-modal input,.ad-form input,.ad-form textarea{color:#1a2945;resize:vertical;background:#fbfcff;border:1px solid #e0e6f0;border-radius:10px;width:100%;padding:12px 13px;font-size:13px}.form-panel input::placeholder,.form-panel textarea::placeholder,.auth-modal input::placeholder,.ad-form input::placeholder,.ad-form textarea::placeholder{color:#a4aec0}.mini-info{border-top:1px solid #edf0f6;flex-wrap:wrap;gap:8px;margin-top:19px;padding-top:16px;display:flex}.mini-info span{color:#73809a;background:#f6f8fd;border-radius:7px;padding:7px 8px;font-size:9px}.notice{color:#4b5c7b;overflow-wrap:anywhere;background:#f2f5ff;border:1px solid #e1e7ff;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.6}.preview{min-height:450px;overflow:hidden}.preview-head{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px;display:flex}.preview-head h2{margin:6px 0 0;font-size:17px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:365px;padding:30px;display:flex}.empty-symbol{color:#656df0;background:#f0f2ff;border-radius:19px;place-items:center;width:60px;height:60px;margin-bottom:15px;font-size:27px;display:grid}.empty h3{margin:0 0 8px;font:800 15px Arial,sans-serif}.empty p{color:#8a96aa;max-width:310px;margin:0;font-size:12px;line-height:1.7}.note-page{color:#26344f;padding:28px 30px}.note-label{letter-spacing:1.5px;color:#4c68f1;font-size:9px;font-weight:800}.note-page h1{color:#1b3475;margin:12px 0;font:800 24px/1.3 Arial,sans-serif}.note-subtitle{color:#758199;font-size:12px;line-height:1.6}.note-author{color:#526df2;font-size:10px;font-weight:700}.note-page hr{background:linear-gradient(90deg,#4d68f6,#c5b9ff);border:0;height:3px;margin:18px 0}.note-section{break-inside:auto;margin:20px 0}.note-section h3{break-after:avoid-page;color:#253f87;border-bottom:1px solid #e3e8f5;padding-bottom:8px;font:800 15px Arial,sans-serif}.note-section p{white-space:pre-line;font-size:12px;line-height:1.8}.fact-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.fact-card{break-inside:avoid;background:#f8f9ff;border:1px solid #e0e6f7;border-left:3px solid #6b78f4;border-radius:8px;padding:12px}.fact-card b,.fact-card span{font-size:11px;line-height:1.6;display:block}.fact-card b{color:#4b5fe0;margin-bottom:4px}.fact-card span{color:#5c6880}.table-wrap{margin:18px 0;overflow-x:auto}.note-page table{border-collapse:collapse;width:100%;font-size:11px}.note-page th{color:#273f87;text-align:left;background:#e9edff}.note-page th,.note-page td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #d9e0ef;padding:9px}.rules{background:#f5f7ff;border:1px solid #e0e6ff;border-left:4px solid #6876f2;border-radius:8px;padding:14px;font-size:12px}.rules p{margin:7px 0}.teachers-panel{padding:27px}.section-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-title-row h2{margin:7px 0}.section-title-row .muted{margin:0}.ad-form{background:#fafbff;border:1px solid #e5e9f5;border-radius:13px;gap:15px;margin:22px 0;padding:20px;display:grid}.ad-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.announcement{background:linear-gradient(145deg,#fff,#fcfcff);border:1px solid #e5eaf4;border-radius:14px;padding:19px}.subject-badge{color:#5a64d9;background:#eff1ff;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-block}.announcement h3{margin:13px 0 7px;font:800 16px Arial,sans-serif}.announcement p{color:#6e7b92;min-height:40px;font-size:12px;line-height:1.7}.announcement-bottom{color:#66738a;overflow-wrap:anywhere;border-top:1px solid #edf0f6;flex-direction:column;gap:6px;padding-top:12px;font-size:11px;display:flex}.announcement-bottom b{color:#3d5de8;font-size:13px}.compact{min-height:220px}.locked-panel{text-align:center;max-width:650px;margin:20px auto;padding:38px}.lock-big{background:#f0f2ff;border-radius:22px;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:27px;display:grid}.locked-panel h2{margin:10px 0}.locked-panel>p{color:#77839a;max-width:440px;margin:0 auto 20px;font-size:13px;line-height:1.8}.locked-status{color:#7a8298;background:#f1f2f8;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800;display:inline-block}.footer{color:#8b96aa;border-top:1px solid #e7ebf4;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:35px 0 28px;font-size:10px;display:flex}.footer-brand{font-size:17px}.footer-brand .brand-icon{border-radius:11px;width:34px;height:34px;font-size:18px}.footer-brand small{font-size:6px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121a31a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal{background:#fff;border:1px solid #ffffffb0;border-radius:22px;width:min(100%,420px);padding:32px;animation:.18s ease-out pop;position:relative;box-shadow:0 30px 90px #0b153a4d}.modal-close{color:#68758c;background:#f4f6fb;border:0;border-radius:9px;width:32px;height:32px;font-size:22px;position:absolute;top:14px;right:17px}.auth-mark{margin-bottom:20px}.auth-modal .section-kicker{display:block}.auth-modal h2{margin:8px 0;font-size:26px}.auth-modal .muted{margin-bottom:20px}.switch-auth{text-align:center;color:#7b879b;margin:19px 0 0;font-size:12px}.switch-auth button{color:#4b60e9;background:0 0;border:0;font-weight:800}.secure-note{text-align:center;color:#9aa3b3;margin:18px 0 0;font-size:10px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:850px){.site{padding:0 4%}.hero{padding:34px 30px}.hero-art{transform-origin:100%;margin-left:-30px;transform:scale(.82)}.two-col{grid-template-columns:1fr}.preview{min-height:330px}.empty{min-height:250px}.tabs{gap:8px}.tab{min-height:49px;padding:13px 12px;font-size:13px}}@media (max-width:560px){.topbar{align-items:flex-start;height:auto;padding:15px 0}.brand{font-size:19px}.brand-icon{width:38px;height:38px}.account-actions{gap:6px}.account-actions .btn{padding:10px;font-size:11px}.user-chip{display:none}.hero{min-height:280px;padding:27px 22px}.hero h1{font-size:34px}.hero-art{display:none}.tabs{border-radius:16px;grid-template-columns:1fr;gap:8px;width:100%;padding:9px;display:grid}.tab{text-align:left;white-space:normal;border-radius:11px;justify-content:flex-start;min-height:50px;padding:13px 15px;font-size:14px}.tab.active:after{border-radius:99px;width:4px;height:22px;inset:50% 12px auto auto;transform:translateY(-50%)}.form-panel,.teachers-panel{padding:19px}.ad-grid,.announcement-grid,.fact-grid{grid-template-columns:1fr}.section-title-row{flex-direction:column;align-items:flex-start}.preview-head{padding:17px}.note-page{padding:20px 17px}.note-page h1{font-size:21px}.footer{flex-direction:column;align-items:flex-start}.auth-modal{padding:26px 22px}}@media print{body{background:#fff}.topbar,.hero,.tabs,.form-panel,.preview-head,.footer,.modal-backdrop,.teachers-panel,.locked-panel{display:none!important}.site{padding:0}.content,.two-col,.preview{box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.note-page{padding:0!important}.note-section{break-inside:auto}.note-section h3,.fact-card,.rules{break-inside:avoid}@page{size:A4;margin:12mm}}.balance-chip{color:#087443;white-space:nowrap;background:linear-gradient(135deg,#ecfdf3,#d9fbe8);border:1px solid #b7efcf;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #16a34a12}.balance-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #16a34a20}.gift-banner{color:#14532d;background:linear-gradient(110deg,#effdf4,#dcfce8);border:1px solid #a7edc4;border-radius:16px;align-items:center;gap:13px;margin:18px 0 0;padding:15px 18px;animation:.35s ease-out gift-pop;display:flex;box-shadow:0 8px 24px #16a34a10}.gift-icon{background:#c5f7d7;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-size:23px;display:grid}.gift-banner div{flex:1;gap:4px;display:grid}.gift-banner strong{color:#087443;font:800 15px Arial,sans-serif}.gift-banner div span{color:#28734b;font-size:12px;line-height:1.5}.gift-banner button{color:#17643d;background:#c8f5d8;border:0;border-radius:9px;width:30px;height:30px;font-size:22px;line-height:1}.services-panel{padding:28px}.services-panel>h2{margin:8px 0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:23px;display:grid}.service-card{background:linear-gradient(145deg,#fff,#fafbff);border:1px solid #e5eaf4;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:220px;padding:22px;display:flex}.service-soon{background:#fbfcff;border-style:dashed}.service-icon{color:#5265e8;background:#eef1ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid}.service-card h3{color:#20335e;margin:15px 0 7px;font:800 16px Arial,sans-serif}.service-card p{color:#71809a;margin:0 0 15px;font-size:12px;line-height:1.75}.service-price,.service-tag{color:#12804a;background:#e8f9ef;border-radius:8px;margin-top:auto;padding:8px 10px;font-size:10px;font-weight:800;display:inline-flex}.service-tag{color:#78839a;background:#f0f2f8}.service-action{margin-top:auto;font-size:11px}@keyframes gift-pop{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:650px){.account-actions{flex-wrap:wrap;justify-content:flex-end}.balance-chip{padding:8px 9px;font-size:10px}.gift-banner{gap:10px;padding:12px}.gift-banner strong{font-size:13px}.gift-banner div span{font-size:11px}.services-panel{padding:19px}.services-grid{grid-template-columns:1fr}.service-card{min-height:190px;padding:19px}}.history-list{gap:10px;margin-top:20px;display:grid}.history-item{background:#fff;border:1px solid #e5eaf4;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.history-icon{color:#5265e8;background:#f0f2ff;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;font-size:10px;font-weight:900;display:grid}.history-item>div{flex:1;gap:5px;min-width:0;display:grid}.history-item strong{color:#253653;overflow-wrap:anywhere;font-size:13px}.history-item>div span{color:#8792a6;font-size:11px}.history-label{color:#7d88a0;white-space:nowrap;background:#f3f5fa;border-radius:7px;padding:7px 9px;font-size:10px}.announcement-image{object-fit:cover;background:#f4f6fb;border-radius:10px;width:100%;max-height:220px;margin-bottom:13px;display:block}.ad-image-preview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ad-image-preview img{object-fit:contain;background:#fff;border:1px solid #e5eaf4;border-radius:10px;max-width:180px;max-height:140px}.announcement-bottom .btn{align-self:flex-start}@media (max-width:560px){.history-item{align-items:flex-start;gap:9px;padding:12px}.history-label{display:none}.history-icon{width:37px;height:37px}.announcement-image{max-height:190px}}.review-form{background:#fbfcff;border:1px solid #e5eaf4;border-radius:16px;gap:15px;max-width:760px;margin:22px 0;padding:20px;display:grid}.review-form label{color:#344361;gap:7px;font-size:12px;font-weight:800;display:grid}.review-form input,.review-form select,.review-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#20304e;background:#fff;border:1px solid #dbe3f0;border-radius:10px;padding:12px}.review-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.review-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px;margin-top:16px;display:grid}.review-card{background:#fff;border:1px solid #e5eaf4;border-radius:14px;padding:17px}.review-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.review-card-head strong{color:#20335e;font-size:14px}.review-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#586782;font-size:13px;line-height:1.7}.review-card small{color:#8a95a8;font-size:11px}@media (max-width:560px){.review-form{padding:15px}.review-fields{grid-template-columns:1fr}}:root{--green:#10a37f;--green-dark:#087f63;--green-soft:#e9f8f2;--green-line:#bfe9d9}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#8cdec2}.btn-primary{background:linear-gradient(115deg,#0c9b78,#10a37f 55%,#16b88c);box-shadow:0 7px 18px #10a37f2b}.tabs{gap:9px}.tab{border-color:#0000;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;position:relative}.tab:hover{color:#087f63;background:#eaf7f2}.tab.active:after{content:"";background:linear-gradient(90deg,#10a37f,#67d8b2);border-radius:4px;height:2px;position:absolute;bottom:3px;left:14px;right:14px}.hero{background:radial-gradient(circle at 80% 20%,#27b995 0,#0000 32%),linear-gradient(115deg,#123c3a 0%,#126b5b 58%,#10a37f 100%)}.eyebrow,.section-kicker{color:#169b7b}.hero .eyebrow{color:#9af0d1}.hero-pills span{border-color:#ffffff3b}.form-panel input:focus,.form-panel textarea:focus,.auth-modal input:focus,.ad-form input:focus,.ad-form textarea:focus,.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:#64cdb0;outline:none;box-shadow:0 0 0 3px #10a37f16}.empty-symbol,.lock-big{color:#078365;background:linear-gradient(135deg,#e7f8f0,#d5f4e7)}.note-section h3{color:#087f63;border-bottom-color:#d9eee5}.ad-form{background:linear-gradient(145deg,#f5fcf8,#fff);border-color:#d8eee4}.announcement{background:linear-gradient(145deg,#fff,#f7fcf9);border-color:#dceee5;transition:transform .18s,box-shadow .18s,border-color .18s}.announcement:hover{border-color:#b7e5d3;transform:translateY(-2px);box-shadow:0 10px 25px #0c9b7810}.service-icon{color:#087f63;background:#e3f7ee}.history-icon{color:#087f63;background:#e6f7ef}.review-form{background:linear-gradient(145deg,#f4fcf8,#fff);border-color:#d4eee2}.review-card{border-color:#dceee5;transition:transform .18s,box-shadow .18s}.review-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0c9b780d}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:#64cdb0}.auth-mark{color:#087f63;background:linear-gradient(145deg,#dff7eb,#aeeed5)}.switch-auth button{color:#087f63}.lock{color:#178368;background:#eaf7f1}@media (prefers-reduced-motion:reduce){.tab,.announcement,.review-card,.btn{transition:none}}.study-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px;display:grid}.study-mode-card{text-align:left;color:#1d3540;background:linear-gradient(140deg,#fff 10%,#f7fcfa 100%);border:1px solid #dfe9e4;border-radius:20px;align-items:center;gap:15px;min-width:0;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 24px #123c2b08}.study-mode-card:hover{border-color:#a7dfc8;transform:translateY(-3px);box-shadow:0 14px 30px #087f6320}.study-mode-card:focus-visible,.format-option:focus-visible,.quiz-count:focus-visible{outline-offset:3px;outline:3px solid #10a37f}.study-mode-selected{background:radial-gradient(circle at 100% 0,#d8f8e9 0,#0000 45%),linear-gradient(140deg,#f1fff8,#fff);border-color:#10a37f;box-shadow:0 9px 26px #10a37f20,inset 0 0 0 1px #10a37f40}.study-mode-icon{border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:27px;font-weight:900;display:grid}.study-icon-notes{color:#087f63;background:linear-gradient(135deg,#d8f9e9,#9ee8c9)}.study-icon-quiz{color:#315fc2;background:linear-gradient(135deg,#dceaff,#b8ceff)}.study-mode-copy{flex:1;gap:6px;min-width:0;display:grid}.study-mode-copy strong{letter-spacing:-.3px;font-size:17px;font-weight:850}.study-mode-copy small{color:#748397;font-size:12px;line-height:1.6}.study-mode-arrow{color:#087f63;background:#e7f8f0;border-radius:10px;flex:none;place-items:center;width:29px;height:29px;font-size:17px;font-weight:900;display:grid}.study-mode-card:not(.study-mode-selected) .study-mode-arrow{color:#7d8b9d;background:#f0f4f8}.format-picker{gap:10px;margin:17px 0 20px;display:grid}.format-option{text-align:left;color:#2a3c4b;background:#fff;border:1px solid #e2e9e5;border-radius:13px;align-items:center;gap:12px;width:100%;padding:13px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.format-option:hover{background:#f9fffc;border-color:#9fd9c3}.format-option-active{background:linear-gradient(110deg,#eafaf2,#fff);border-color:#10a37f;box-shadow:inset 0 0 0 1px #10a37f20}.format-option-icon{color:#087f63;background:#e0f7eb;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:grid}.format-option>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.format-option strong{font-size:12px;font-weight:850}.format-option small{color:#7b899b;font-size:10px;line-height:1.5}.format-check{color:#fff;background:#10a37f;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.premium-format-label{color:#946000;letter-spacing:.1px;background:#fff1d8;border-radius:99px;width:max-content;max-width:100%;margin-top:5px;padding:4px 7px;font-size:9px;font-weight:850;display:inline-flex}.premium-note-hint{color:#805400;background:#fff9eb;border:1px solid #f3dfae;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.6}.quiz-builder{background:radial-gradient(circle at 100% 0,#e4fff2 0,#0000 36%),linear-gradient(145deg,#fff,#f8fcfa);border:1px solid #d8eee4;max-width:900px;margin:0 auto;padding:27px;box-shadow:0 14px 40px #0c5f4710}.quiz-builder-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.quiz-kicker{letter-spacing:1.5px;color:#078365;font-size:10px;font-weight:900}.quiz-status{color:#946500;letter-spacing:.7px;background:#fff4d8;border:1px solid #f5dfa0;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:900}.quiz-title-row{align-items:center;gap:14px;margin-bottom:23px;display:flex}.quiz-main-icon{color:#087f63;background:linear-gradient(135deg,#d8f9e9,#a4ecd0);border-radius:18px;flex:none;place-items:center;width:55px;height:55px;font-size:27px;font-weight:900;display:grid}.quiz-title-row h2{letter-spacing:-.7px;color:#173e34;margin:0 0 5px;font:850 24px Arial,sans-serif}.quiz-title-row .muted{margin:0}.quiz-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.quiz-fields label{color:#45536c;gap:8px;font-size:11px;font-weight:800;display:grid}.quiz-fields input,.quiz-fields textarea{box-sizing:border-box;color:#20304e;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dce9e2;border-radius:11px;padding:13px}.quiz-fields input:focus,.quiz-fields textarea:focus{border-color:#10a37f;outline:0;box-shadow:0 0 0 3px #10a37f18}.quiz-count-label{color:#254238;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 11px;font-size:13px;font-weight:850;display:flex}.quiz-count-label span{color:#84938e;font-size:10px;font-weight:500}.quiz-count-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quiz-count{color:#53665e;background:#fff;border:1px solid #dfe9e4;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:flex}.quiz-count:hover{border-color:#9bd9c1;transform:translateY(-2px)}.quiz-count strong{font-size:23px;font-weight:900}.quiz-count span{font-size:11px}.quiz-count-active{color:#087f63;background:linear-gradient(135deg,#dff9ec,#f5fffa);border-color:#10a37f;box-shadow:inset 0 0 0 1px #10a37f30,0 5px 16px #10a37f12}.quiz-coming-note{color:#087f63;background:#f1fbf6;border:1px solid #d8eee4;border-radius:13px;gap:12px;margin:20px 0 15px;padding:15px;display:flex}.quiz-coming-note>span{font-size:20px}.quiz-coming-note strong{font-size:12px}.quiz-coming-note p{color:#687f75;margin:5px 0 0;font-size:11px;line-height:1.65}.quiz-builder .btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}@media (max-width:650px){.study-mode-grid{grid-template-columns:1fr;gap:11px}.study-mode-card{gap:12px;padding:17px}.study-mode-icon{border-radius:14px;width:47px;height:47px}.study-mode-copy strong{font-size:15px}.study-mode-copy small{font-size:11px}.quiz-builder{padding:20px}.quiz-fields{grid-template-columns:1fr}.quiz-title-row h2{font-size:21px}.quiz-count-options{gap:8px}.quiz-count{gap:5px;padding:13px 8px}.quiz-count strong{font-size:20px}.quiz-count-label{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.study-mode-card,.format-option,.quiz-count{transition:none}}.plans-panel{background:radial-gradient(circle at 100% 0,#e4fff2 0,#0000 33%),linear-gradient(145deg,#fff,#f8fcfa);border:1px solid #d8eee4;border-radius:20px;margin:0 0 25px;padding:25px;box-shadow:0 10px 30px #0c5f470b}.plans-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.plans-heading h2{letter-spacing:-.7px;margin:7px 0;font:850 24px Arial,sans-serif}.plans-heading .muted{margin:0}.plan-account-summary{color:#728177;background:#fff;border:1px solid #d8eee4;border-radius:12px;flex:none;gap:6px;padding:12px 15px;font-size:11px;display:grid}.plan-account-summary strong{color:#087f63}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.plan-card{background:#fff;border:1px solid #e1eae5;border-radius:16px;flex-direction:column;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #143f2e05}.plan-card-current{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f20,0 10px 24px #10a37f12}.plan-card-pro{background:linear-gradient(145deg,#f4fcf8,#fff)}.plan-card-premium{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#ead8a7}.plan-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-name{color:#173e34;font:850 17px Arial,sans-serif}.plan-card-premium .plan-name{color:#7b5700}.plan-price{color:#087f63;white-space:nowrap;font:850 21px Arial,sans-serif}.plan-card-premium .plan-price{color:#946500}.plan-price small{font:700 10px DM Sans,sans-serif}.plan-crown{color:#d39b17}.plan-description{color:#7b8b82;min-height:37px;margin:10px 0;font-size:11px;line-height:1.6}.plan-card ul{flex:1;gap:9px;margin:4px 0 18px;padding:0;list-style:none;display:grid}.plan-card li{color:#42594f;font-size:11px;line-height:1.55}.plan-card li.plan-muted{color:#9b7b42}.plan-action{width:100%;min-height:42px;padding:10px;font-size:11px}.plan-action:disabled{cursor:default;opacity:.8}.plans-signin-note{color:#78877e;margin:15px 0 0;font-size:11px}.plans-signin-note button{color:#087f63;background:0 0;border:0;font-weight:800;text-decoration:underline}.format-option-locked{background:linear-gradient(110deg,#fffaf0,#fff);border-style:dashed;border-color:#e8c981}.format-option-locked .format-option-icon{color:#946500;background:#fff0ce}.locked-note-access{text-align:center;background:linear-gradient(145deg,#fff9e9,#fff);border:1px solid #f0d89b;border-radius:15px;flex-direction:column;align-items:center;gap:10px;margin:16px 0;padding:24px 18px;display:flex}.locked-note-icon{background:#ffefc8;border-radius:17px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.locked-note-access h3{color:#795300;margin:0;font:850 16px Arial,sans-serif}.locked-note-access p{color:#806f4b;margin:0;font-size:11px;line-height:1.7}.locked-plan-prices{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.locked-plan-prices span{color:#805500;background:#fff0ce;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}@media (max-width:900px){.plans-grid{grid-template-columns:1fr}.plan-card{padding:16px}.plan-description{min-height:0}.plans-heading{flex-direction:column}.plan-account-summary{width:100%}}@media (max-width:560px){.plans-panel{padding:17px}.plans-heading h2{font-size:21px}}.quiz-credit-status{color:#087f63;background:#effaf4;border:1px solid #ccefe0;border-radius:9px;align-items:center;margin:0 0 12px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.balance-chip-button{cursor:pointer;text-align:left;appearance:none;font-family:inherit;transition:transform .16s,box-shadow .16s,border-color .16s}.balance-chip-button:hover{border-color:#65c99a;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a20}.balance-chip-button:focus-visible{outline-offset:3px;outline:3px solid #10a37f}.balance-chip-arrow{color:#086747;border-left:1px solid #a7dfbf;margin-left:3px;padding-left:8px;font-size:10px;font-weight:900}.format-option-icon-lock{background:#fff0ce!important}.lock-sticker{flex:none;width:21px;height:23px;display:inline-block;position:relative}.lock-shackle{border:3px solid;border-bottom:0;border-radius:8px 8px 0 0;width:11px;height:12px;position:absolute;top:1px;left:5px}.lock-body{background:currentColor;border-radius:3px;width:17px;height:12px;position:absolute;top:10px;left:2px}.lock-body:after{content:"";background:#fff;border-radius:3px;width:3px;height:4px;position:absolute;top:3px;left:7px}.lock-sticker-large{color:#946000;width:28px;height:31px}.lock-sticker-large .lock-shackle{border-width:4px;width:14px;height:16px;top:1px;left:7px}.lock-sticker-large .lock-body{border-radius:4px;width:22px;height:16px;top:13px;left:3px}.lock-sticker-large .lock-body:after{width:4px;height:5px;top:4px;left:9px}.mini-lock{vertical-align:-1px;background:currentColor;border-radius:2px;width:10px;height:11px;margin-right:3px;display:inline-block;position:relative}.mini-lock:before{content:"";border:1.5px solid;border-bottom:0;border-radius:5px 5px 0 0;width:5px;height:6px;position:absolute;top:-5px;left:2px}.locked-note-icon .lock-sticker{color:#946000}@media (max-width:560px){.balance-chip-arrow{padding-left:6px;font-size:9px}}.packages-nav-link{color:#087f63;background:#e9fff5;border:1px solid #bdebdc;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px #10a37f14}.packages-nav-link:hover{background:#d8ffed;transform:translateY(-1px)}.plans-panel{scroll-margin-top:18px}@media (max-width:560px){.topbar{flex-wrap:wrap;align-items:center}.packages-nav-link{order:3;margin:0 0 4px}.account-actions{margin-left:auto}.brand{flex:1}}.quiz-description-field{color:#45536c;gap:8px;margin:17px 0;font-size:11px;font-weight:800;display:grid}.quiz-description-field textarea{box-sizing:border-box;color:#20304e;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dce9e2;border-radius:11px;padding:13px}.quiz-description-field textarea:focus{border-color:#10a37f;outline:0;box-shadow:0 0 0 3px #10a37f18}.quiz-description-field small{font-size:10px;font-weight:500;line-height:1.6}.quiz-access-warning{color:#805400;background:#fff9e9;border:1px solid #f0d89b;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.6}.quiz-generate-button{margin-top:17px}.quiz-result{border-top:1px solid #dce9e2;margin-top:25px;padding-top:22px}.quiz-result-heading{margin-bottom:18px}.quiz-result-heading h2{color:#173e34;margin:7px 0;font:850 23px Arial,sans-serif}.quiz-result-heading p{color:#728177;margin:0;font-size:12px}.quiz-score{color:#087f63;background:#effbf5;border:1px solid #b9e8d2;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:15px 17px;display:flex}.quiz-score strong{font-size:18px}.quiz-score span{font-size:12px}.quiz-question-list{gap:16px;margin-bottom:18px;display:grid}.quiz-question{background:#fff;border:1px solid #e0eae4;border-radius:14px;padding:18px}.quiz-question h3{color:#233b32;align-items:flex-start;gap:8px;margin:0 0 14px;font-size:14px;line-height:1.65;display:flex}.quiz-question h3>span{color:#087f63;background:#e4f8ed;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:inline-grid}.quiz-answer-options{gap:8px;display:grid}.quiz-answer{color:#43564d;cursor:pointer;background:#fff;border:1px solid #e2eae5;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.quiz-answer input{accent-color:#078365;flex:none}.quiz-option-letter{color:#63766c;background:#f0f5f2;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;font-size:10px;font-weight:900;display:grid}.quiz-answer-selected{background:#f0fbf5;border-color:#10a37f}.quiz-answer-correct{color:#087345;background:#effbf5;border-color:#7bd4a9}.quiz-answer-wrong{color:#a13d35;background:#fff4f3;border-color:#f0aaa5}.quiz-correct-mark{color:#078365;margin-left:auto}.quiz-explanation{color:#52675d;background:#f5f8f6;border-radius:9px;margin-top:12px;padding:11px 12px;font-size:11px;line-height:1.7}.quiz-credit-status{color:#087f63;background:#effbf5;border-radius:10px;margin:15px 0;padding:10px 12px;font-size:11px;font-weight:750}@media (max-width:650px){.quiz-question{padding:13px}.quiz-score{flex-direction:column;align-items:flex-start}.quiz-result-heading h2{font-size:20px}}.balance-shortcut{align-items:center;gap:6px;display:flex}.balance-plus-button{color:#fff;background:linear-gradient(135deg,#10a37f,#28c78a);border:0;border-radius:12px;place-items:center;width:35px;height:35px;font-size:25px;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 6px 16px #10a37f38}.balance-plus-button:hover{transform:rotate(90deg)scale(1.06);box-shadow:0 9px 22px #10a37f50}.balance-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101a2d88;place-items:center;padding:18px;animation:.2s ease-out balanceFadeIn;display:grid;position:fixed;inset:0}.balance-modal{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e2eaf4;border-radius:24px;width:min(100%,1000px);max-height:min(92vh,900px);padding:28px;animation:.28s cubic-bezier(.2,.8,.2,1) balanceModalIn;position:relative;overflow:auto;box-shadow:0 30px 90px #08152f55}.balance-modal-close{color:#52617a;background:#fff;border:1px solid #e4eaf3;border-radius:12px;place-items:center;width:38px;height:38px;font-size:25px;display:grid;position:absolute;top:16px;right:17px}.balance-modal-heading{align-items:center;gap:15px;margin-bottom:20px;padding-right:42px;display:flex}.balance-modal-icon{color:#087f63;background:linear-gradient(145deg,#dff9ec,#e9fff5);border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-size:34px;display:grid;box-shadow:inset 0 0 0 1px #b8ead3}.balance-modal-heading h2{letter-spacing:-.7px;margin:5px 0;font:850 25px Arial,sans-serif}.balance-modal-heading p{color:#73809a;margin:0;font-size:12px}.balance-modal-heading p strong{color:#087f63}.balance-modal-tabs{background:#f1f5fa;border:1px solid #e1eaf3;border-radius:14px;gap:8px;margin-bottom:22px;padding:5px;display:flex}.balance-modal-tab{color:#69768b;background:0 0;border:0;border-radius:10px;flex:1;padding:12px;font-size:13px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s}.balance-modal-tab.active{color:#087f63;background:#fff;box-shadow:0 3px 12px #1d3a5a12}.topup-flow{max-width:620px;margin:0 auto;padding:8px 0 12px}.topup-amount-form,.topup-method-step,.topup-payment-step{flex-direction:column;gap:13px;animation:.22s ease-out balanceFadeIn;display:flex}.topup-step-label{color:#0a9670;letter-spacing:1.6px;font-size:10px;font-weight:900}.topup-flow h3{color:#1b2e49;letter-spacing:-.5px;margin:0;font:850 21px Arial,sans-serif}.topup-flow p{color:#718097;margin:0;font-size:12px;line-height:1.7}.topup-amount-form label{color:#43536d;gap:8px;margin-top:8px;font-size:12px;font-weight:800;display:grid}.topup-amount-input{background:#fff;border:1px solid #d7e4ee;border-radius:14px;align-items:center;gap:10px;padding:5px 15px;transition:border-color .2s,box-shadow .2s;display:flex}.topup-amount-input:focus-within{border-color:#10a37f;box-shadow:0 0 0 4px #10a37f16}.topup-amount-input input{color:#162f4a;background:0 0;border:0;width:100%;min-width:0;padding:14px 0;font:850 27px Arial,sans-serif;outline:0!important}.topup-amount-input span{color:#0a9670;font-size:12px;font-weight:900}.topup-quick-amounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:2px 0 7px;display:grid}.quick-amount{color:#54647b;background:#fff;border:1px solid #dfe8f1;border-radius:10px;padding:10px 5px;font-size:11px;font-weight:800;transition:all .16s}.quick-amount:hover,.quick-amount.selected{color:#087f63;background:#eafff4;border-color:#10a37f;box-shadow:inset 0 0 0 1px #10a37f22}.topup-main-button{border-radius:13px;width:100%;min-height:47px;font-size:13px}.payment-method-card{text-align:left;background:#fff;border:1px solid #dfe8f1;border-radius:15px;align-items:center;gap:13px;width:100%;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.payment-method-card:hover{border-color:#91d9b7;transform:translateY(-2px);box-shadow:0 9px 22px #1d6d4b12}.payment-method-card:disabled{opacity:.6;cursor:wait}.payment-method-card>span:nth-child(2){flex:1;gap:5px;display:grid}.payment-method-card strong{color:#243850;font-size:13px}.payment-method-card small{color:#77859a;font-size:11px}.payment-method-logo{border-radius:14px;flex:none;place-items:center;width:49px;height:49px;font-size:18px;font-weight:900;display:grid}.m10-logo{color:#07965f;background:#e7fff2;font-style:italic}.kapital-logo{color:#d32f37;background:#fff0f0}.payment-method-arrow{color:#93a1b5;font-size:27px}.topup-back-button{color:#5d6d83;background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:12px;font-weight:800}.topup-payment-step{text-align:center;align-items:stretch}.topup-payment-step .topup-step-label{text-align:left}.topup-status-icon{color:#3576bd;background:#e8f7ff;border-radius:50%;align-self:center;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;animation:1.8s infinite balancePulse;display:grid}.topup-status-approved{color:#07834e;background:#d9fbe8;animation:none;box-shadow:0 0 0 8px #d9fbe855}.topup-status-rejected{color:#c53a32;background:#fff0ef;animation:none}.topup-total{color:#087f63!important;font:900 30px Arial,sans-serif!important}.payment-details-card{text-align:left;background:#fff;border:1px solid #dbe9e4;border-radius:14px;gap:9px;padding:17px;display:grid}.payment-details-card span{color:#73809a;font-size:11px}.payment-details-card strong{color:#1a344f;letter-spacing:.4px;overflow-wrap:anywhere;font:850 20px Arial,sans-serif}.payment-details-card small{color:#77859a;font-size:11px;line-height:1.7}.topup-progress{background:#e9eef3;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0d253610}.topup-progress-fill{border-radius:99px;width:35%;height:100%;transition:width .65s,background .3s}.topup-progress-fill.waiting{background:linear-gradient(90deg,#3e63f5,#8c78ff,#3e63f5) 0 0/200% 100%;animation:1.5s linear infinite topupProgressMove}.topup-progress-fill.complete{background:linear-gradient(90deg,#10a36f,#43d68a);width:100%;box-shadow:0 0 12px #10a36f35}.topup-progress-fill.rejected{background:#e05252;width:100%}.topup-status-text{color:#6e7c91!important;font-size:12px!important}.topup-status-text.success{font-weight:800;color:#07834e!important}.topup-status-text.error{color:#b42318!important}.whatsapp-button{background:linear-gradient(110deg,#078f5b,#25c66f);box-shadow:0 7px 16px #20ad602b}.topup-pending-note{color:#98a3b3!important;font-size:10px!important}.balance-modal .plans-panel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.balance-modal .plans-heading{margin-bottom:16px}.balance-modal .plans-heading h2{font-size:20px}.balance-modal .plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.balance-modal .plan-card{padding:14px}.balance-modal .plan-name{font-size:15px}.balance-modal .plan-price{font-size:18px}.balance-modal .plan-description,.balance-modal .plan-card li{font-size:10px}@keyframes balanceFadeIn{0%{opacity:0}to{opacity:1}}@keyframes balanceModalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes balancePulse{0%,to{box-shadow:0 0 #3576bd22}50%{box-shadow:0 0 0 10px #3576bd05}}@keyframes topupProgressMove{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1050px){.balance-modal .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-modal{padding:22px}}@media (max-width:650px){.balance-modal-backdrop{padding:8px}.balance-modal{border-radius:18px;max-height:95vh;padding:18px}.balance-modal-heading h2{font-size:21px}.balance-modal-icon{width:48px;height:48px}.balance-modal .plans-grid{grid-template-columns:1fr}.topup-quick-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.topup-flow h3{font-size:18px}.balance-shortcut{gap:4px}.balance-plus-button{width:31px;height:31px}.balance-modal .plans-panel{padding:0}}@media (prefers-reduced-motion:reduce){.balance-modal-backdrop,.balance-modal,.topup-amount-form,.topup-method-step,.topup-payment-step,.topup-status-icon,.topup-progress-fill.waiting{transition:none;animation:none}}.plan-duration{color:#087f63;background:linear-gradient(120deg,#e9fff5,#f5fffb);border:1px solid #b7eed8;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;margin:10px 0 12px;padding:12px 14px;display:flex}.plan-duration strong{letter-spacing:-.6px;font:900 25px/1.1 Arial,sans-serif}.plan-duration span{letter-spacing:1.1px;font-size:9px;font-weight:900}.plan-duration-premium{color:#8a5a00;background:linear-gradient(120deg,#fff4d8,#fffaf0);border-color:#f0d69b}.plan-duration-plus{color:#5c43c8;background:linear-gradient(120deg,#ede9ff,#f8f5ff);border-color:#cfc5ff}.plan-card-pro .plan-duration{background:linear-gradient(120deg,#e9fff5,#f5fffb)}.floating-whatsapp{z-index:30;color:#fff;background:#20c768;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:9px;padding:12px 17px;font-size:13px;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 28px #087f6340}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 14px 34px #087f6355}.floating-whatsapp svg{flex:none;width:25px;height:25px}@media (max-width:560px){.plan-duration strong{font-size:23px}.floating-whatsapp{padding:11px 13px;font-size:12px;bottom:13px;right:13px}.floating-whatsapp svg{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){.floating-whatsapp{transition:none}}@media (min-width:851px){html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body,button,input,textarea,select{letter-spacing:normal;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}body{font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{text-wrap:balance}.hero h1{letter-spacing:-1.15px;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:750;line-height:1.12}.hero p{letter-spacing:0;line-height:1.8}.eyebrow,.section-kicker,.art-tag,.note-label{letter-spacing:1.15px}.tab{letter-spacing:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:650;line-height:1.35}.btn,.balance-chip,.packages-nav-link{letter-spacing:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:650}.panel h2,.auth-modal h2,.note-page h1,.note-section h3,.announcement h3,.service-card h3,.quiz-title-row h2,.plans-heading h2,.balance-modal-heading h2,.topup-flow h3{letter-spacing:-.35px;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}.panel h2,.auth-modal h2,.note-section h3,.announcement h3,.service-card h3,.quiz-title-row h2,.plans-heading h2{font-weight:700}.muted,.hero p,.note-page p,.announcement p,.service-card p,.review-card p,.locked-panel>p{overflow-wrap:anywhere}.study-mode-copy strong{letter-spacing:0;font-weight:700}}.referral-campaign{background:radial-gradient(circle at 92% 15%,#b8f5db 0,#0000 28%),linear-gradient(115deg,#f0fff8 0%,#e1fbef 54%,#f7fffb 100%);border:1px solid #a8e9d0;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin:0 0 24px;padding:25px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #0b8f6810}.referral-campaign:before{content:"";background:linear-gradient(#10b981,#047857);border-radius:0 5px 5px 0;width:4px;position:absolute;top:18px;bottom:18px;left:0}.referral-campaign-copy{z-index:1;min-width:0;position:relative}.referral-kicker{color:#07805f;letter-spacing:1.25px;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:850;display:inline-flex}.referral-campaign h2{color:#143d32;letter-spacing:-.65px;margin:0 0 8px;font:800 clamp(20px,2.3vw,28px)/1.2 Inter,Segoe UI,system-ui,sans-serif}.referral-campaign h2 em{color:#07966c;font-style:normal}.referral-campaign-copy>p{color:#527166;max-width:680px;margin:0;font-size:13px;line-height:1.7}.referral-cta{color:#fff;cursor:pointer;background:linear-gradient(110deg,#0b9b70,#087957);border:0;border-radius:11px;align-items:center;gap:12px;margin-top:15px;padding:11px 16px;font:750 12px/1.2 Inter,Segoe UI,system-ui,sans-serif;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 7px 16px #07835d25}.referral-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px #07835d30}.referral-campaign-reward{background:linear-gradient(145deg,#ffffffd9,#c9f7e4d9);border:1px solid #ffffffbd;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:126px;min-height:126px;display:flex;transform:rotate(3deg);box-shadow:0 10px 24px #087f6320,inset 0 1px #fff}.referral-campaign-reward>span{font-size:27px;line-height:1.2}.referral-campaign-reward strong{color:#087f63;letter-spacing:1px;font-size:28px;font-weight:950}.referral-campaign-reward small{color:#527c6b;margin-top:3px;font-size:9px;font-weight:800}.referral-progress{border-top:1px solid #b8e8d3;grid-column:1/-1;padding-top:17px}.referral-progress-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.referral-progress-top strong{color:#145b45;font-size:13px;font-weight:850}.referral-progress-top span{color:#52806c;text-align:right;font-size:11px}.referral-progress-track{background:#ccefe0;border-radius:99px;height:8px;overflow:hidden}.referral-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#10b981,#047857);height:100%;transition:width .25s;display:block}.referral-link-row{align-items:center;gap:10px;margin-top:13px;display:flex}.referral-link-row code{color:#28604d;text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border:1px solid #c6e9d8;border-radius:10px;flex:1;min-width:0;padding:11px 12px;font-size:12px;overflow:hidden}.referral-link-row button{color:#fff;cursor:pointer;background:#087f63;border:1px solid #087f63;border-radius:10px;flex:none;padding:11px 14px;font-size:11px;font-weight:800}.referral-link-row button:disabled{opacity:.55;cursor:wait}.referral-feedback{color:#087f63;margin:8px 0 0;font-size:11px}.referral-input-hint{color:#73809a;font-size:10px;font-weight:500;line-height:1.5}@media (max-width:700px){.referral-campaign{border-radius:17px;grid-template-columns:minmax(0,1fr) 78px;gap:16px 12px;padding:20px 17px 20px 20px}.referral-campaign h2{letter-spacing:-.3px;font-size:20px}.referral-campaign-copy>p{font-size:12px}.referral-campaign-reward{border-radius:17px;width:76px;min-height:88px}.referral-campaign-reward>span{font-size:20px}.referral-campaign-reward strong{font-size:21px}.referral-campaign-reward small{text-align:center;font-size:7px}.referral-progress{grid-column:1/-1}.referral-progress-top{align-items:flex-start}.referral-progress-top span{max-width:56%}.referral-link-row{flex-direction:column;align-items:stretch}.referral-link-row code,.referral-link-row button{width:100%}}:root{--ink:#17251f;--muted:#78847c;--blue:#9a7943;--line:#e9e4d9;--paper:#fffefa;--bg:#f6f4ee;--purple:#9a7943;--forest:#183d32;--forest-deep:#102c25;--gold:#b18a4b;--cream:#f3eee2}html{scroll-behavior:smooth}body{color:#17251f;background:#f6f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.site{max-width:1480px;padding:0 clamp(18px,5vw,76px)}.topbar{border-bottom:1px solid #e6e0d4;height:88px}.brand{letter-spacing:-.9px;color:#183d32;font-family:Georgia,Times New Roman,serif;font-size:25px}.brand-icon,.auth-mark{color:#d7bd88;background:#183d32;border-radius:13px;box-shadow:0 9px 22px #183d3224}.blue{color:#a17d43}.btn{letter-spacing:.1px;border-radius:9px;transition:transform .18s,background .18s,box-shadow .18s}.btn-primary{color:#fffdf7;background:#183d32;box-shadow:0 6px 16px #183d3220}.btn-primary:hover{background:#245444;box-shadow:0 9px 22px #183d3230}.btn-light{color:#33463c;background:#fffefa;border-color:#ded7c9}.balance-chip{color:#1d5b43;box-shadow:none;background:#edf3ed;border-color:#d7e4d8}.balance-dot{background:#2d7657;box-shadow:0 0 0 3px #2d76571c}.hero{background:linear-gradient(112deg,#102c25 0%,#183d32 62%,#315b49 100%);border-radius:18px;min-height:350px;margin:34px 0 25px;padding:clamp(32px,4vw,58px);box-shadow:0 20px 48px #142e251c}.hero:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#c6a56b12);width:36%;height:100%;position:absolute;top:0;right:0}.eyebrow,.section-kicker{color:#b99a63;letter-spacing:2px}.hero h1{letter-spacing:-1.3px;font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.08}.hero h1 em{color:#d8c39a}.hero p{color:#e0e7df;font-size:15px}.hero-pills span{color:#f5efe3;background:#ffffff0d;border-color:#d7bd8840}.hero-art .art-glow{background:#c8a86a26}.art-card{border-radius:12px}.art-card-front{color:#183d32;background:#fffefa}.art-line.wide{background:#d7c7a7}.art-line{background:#e8e1d3}.art-grid i{background:#f3eee2;border-color:#e7ddca}.tabs{background:#fffefa;border:1px solid #e3dccd;border-radius:12px;gap:7px;padding:7px;box-shadow:0 8px 24px #392e1b0a}.tab{color:#65736a;background:0 0;border:1px solid #0000;border-radius:8px;min-height:48px;font-weight:700}.tab:hover{color:#183d32;background:#f4f1e8;border-color:#e9e1d1}.tab.active{color:#fffdf7;background:#183d32;border-color:#183d32;box-shadow:0 5px 13px #183d3224}.tab.active:after{display:none}.panel{background:#fffefa;border-color:#e9e3d8;border-radius:14px;box-shadow:0 8px 25px #342b1b08}.form-panel,.teachers-panel,.services-panel{padding:28px}.panel h2,.auth-modal h2{letter-spacing:-.35px;color:#183d32;font-family:Georgia,Times New Roman,serif;font-weight:600}.form-panel label,.auth-modal label,.ad-form label{color:#526158}.form-panel input,.form-panel textarea,.auth-modal input,.ad-form input,.ad-form textarea,.review-form input,.review-form select,.review-form textarea{color:#1d3027;background:#fffefa;border-color:#ded8cb;border-radius:8px}.form-panel input:focus,.form-panel textarea:focus,.auth-modal input:focus{border-color:#b18a4b;outline:2px solid #b18a4b55}.notice{color:#66583e;background:#f5f0e5;border-color:#e8dcc3}.preview-head{border-color:#ece6db}.empty-symbol,.service-icon,.history-icon{color:#285a43;background:#edf2eb}.note-label,.note-author{color:#8b6b37}.note-page h1{color:#183d32;font-family:Georgia,Times New Roman,serif}.note-page hr{background:linear-gradient(90deg,#183d32,#c6a56b)}.note-section h3{color:#244b3c;border-color:#e6dfd2}.fact-card{background:#faf7ef;border-color:#e7dfd0 #e7dfd0 #e7dfd0 #b18a4b}.fact-card b{color:#80602f}.note-page th{color:#234b3a;background:#e9eee7}.rules{background:#f6f2e8;border-color:#e8ddc8 #e8ddc8 #e8ddc8 #b18a4b}.announcement{background:#fffefa;border-color:#e8e1d5;border-radius:12px}.subject-badge{color:#315c45;background:#edf2eb}.announcement-bottom b{color:#244b3c}.service-card{background:#fffefa;border-color:#e8e1d5;border-radius:12px}.service-featured{background:#faf6ec;border-color:#d6c5a0}.service-icon{border-radius:10px}.service-price{color:#285b43;background:#eaf1e9}.gift-banner{color:#5e4a25;box-shadow:none;background:#f5f0df;border-color:#e4d2a7}.gift-icon{background:#eadbb8}.gift-banner strong{color:#6e5428}.gift-banner div span{color:#78643e}.history-item{background:#fffefa;border-color:#e8e1d5}.history-icon{border-radius:10px}.auth-modal{border-color:#e8e1d5;border-radius:14px;box-shadow:0 30px 90px #13271e35}.modal-close{color:#59675d;background:#f3efe6;border-radius:8px}.footer{border-color:#e7e0d4}.plans-panel,.balance-modal{background:#fffefa}.plan-card{background:#fffefa;border-color:#e8e1d5;border-radius:12px}.plan-card-current,.plan-card-pro,.plan-card-premium{border-color:#c7b58e}.plan-action{background:#183d32}.lock-big{background:#f2eee4}@media (max-width:560px){.topbar{gap:10px}.hero{border-radius:13px;margin-top:22px}.hero h1{font-family:Georgia,Times New Roman,serif}.tabs{scrollbar-width:thin;flex-wrap:nowrap;display:flex;overflow-x:auto}.tab{flex:none;min-width:max-content}}@media (prefers-reduced-motion:no-preference){.panel,.service-card,.announcement,.plan-card{transition:transform .18s,box-shadow .18s}.service-card:hover,.announcement:hover{transform:translateY(-2px);box-shadow:0 12px 28px #342b1b0d}}.admin-shell{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c3027!important;background:#f4f1e9!important;min-height:100vh!important;padding:30px 18px!important}.admin-container{max-width:1440px!important}.admin-shell header{box-shadow:0 15px 35px #183d321a;color:#fffdf7!important;background:#183d32!important;border-radius:15px!important;margin-bottom:22px!important;padding:25px 28px!important}.admin-shell header h1{letter-spacing:-.5px!important;color:#fffdf7!important;font-family:Georgia,Times New Roman,serif!important;font-weight:600!important}.admin-shell header p{color:#d8e2d9!important}.admin-shell header a{color:#244b3a!important;background:#f6f1e5!important;border-radius:8px!important}.admin-shell [role=status]{color:#34483c!important;background:#fffefa!important;border:1px solid #e6dece!important;border-radius:10px!important}.admin-shell nav{background:#fffefa!important;border:1px solid #e6dfd3!important;border-radius:11px!important;padding:8px!important}.admin-shell nav button{color:#5a695f!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;padding:11px 14px!important}.admin-shell nav button:hover{color:#183d32!important;background:#f1eee5!important}.admin-shell nav button[style*="background: rgb(49, 89, 232)"]{color:#fff!important;background:#183d32!important}.admin-shell input:not([type=file]),.admin-shell select,.admin-shell textarea{color:#26392f!important;background:#fffefa!important;border:1px solid #ded7c9!important;border-radius:8px!important;padding:11px!important}.admin-shell button{font-family:inherit!important;transition:background .15s,transform .15s!important}.admin-shell button:hover{transform:translateY(-1px)}.admin-shell table{border-collapse:separate!important;border-spacing:0!important;background:#fffefa!important}.admin-shell th{color:#435449!important;background:#eee9dd!important;border-bottom:1px solid #e3dccf!important}.admin-shell td{color:#35463b!important;border-bottom:1px solid #eee9df!important}.admin-shell tr:hover td{background:#fbf8f0!important}.admin-shell article,.admin-shell section{border-color:#e6dfd3!important}.admin-shell a{color:#315d48}@media (max-width:700px){.admin-shell{padding:16px 10px!important}.admin-shell header{padding:20px!important}.admin-shell table{min-width:1100px}}body,.admin-shell,.admin-shell button,.admin-shell input,.admin-shell select,.admin-shell textarea{font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif!important}.hero h1,.panel h2,.auth-modal h2,.note-page h1,.admin-shell header h1{letter-spacing:-.65px!important;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif!important;font-weight:750!important}.note-section h3,.announcement h3,.service-card h3,.quiz-title-row h2,.plans-heading h2{letter-spacing:-.25px!important;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif!important}.brand{letter-spacing:-.8px!important;color:var(--ink)!important;font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:800!important}.brand small{color:#8b96aa!important;letter-spacing:1.5px!important;font-family:Arial,sans-serif!important}.brand-icon,.auth-mark{color:#fff!important;background:linear-gradient(145deg,#eff6ff,#ecfdf5)!important;border-radius:14px!important;width:43px!important;height:43px!important;box-shadow:0 8px 22px #566af52b!important}.auth-modal label .muted{margin:0;line-height:1.35}.channel-campaign{color:#f3fff9;background:radial-gradient(circle at 95% 0,#c9f7e5 0,#0000 35%),linear-gradient(135deg,#102c25 0%,#124b3b 58%,#087f63 100%);border:1px solid #bfe9d9;border-radius:22px;margin:0 0 22px;padding:clamp(22px,4vw,38px);position:relative;overflow:hidden;box-shadow:0 16px 38px #073b2c24}.channel-campaign-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.channel-campaign-kicker{letter-spacing:1.5px;color:#a7f3d0;font-size:10px;font-weight:900}.channel-campaign-prize{color:#ffe5a3;letter-spacing:.7px;background:#f5d88a1c;border:1px solid #f5d88a66;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:900}.channel-campaign h2{color:#fff;letter-spacing:-.8px;margin:20px 0 10px;font-size:clamp(25px,4vw,36px);line-height:1.15}.channel-campaign h2 em{color:#a7f3d0;font-style:normal}.channel-campaign-lead{color:#d8eee5;max-width:720px;margin:0;font-size:14px;line-height:1.8}.channel-campaign-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 17px;display:grid}.channel-campaign-steps>div{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;align-content:start;gap:8px;padding:17px;display:grid}.channel-campaign-steps>div>span{color:#104a38;background:#a7f3d0;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.channel-campaign-steps strong{color:#fff;font-size:13px}.channel-campaign-steps small{color:#c7e4d8;font-size:11px;line-height:1.65}.channel-campaign-note{color:#e4f3ec;background:#ffffff0c;border-left:3px solid #f5d88a;border-radius:8px;margin:0;padding:12px 14px;font-size:11px;line-height:1.7}.channel-campaign-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.channel-campaign-actions a{border-radius:11px;justify-content:center;align-items:center;min-height:43px;padding:11px 16px;font-size:12px;font-weight:850;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.channel-campaign-actions a:hover{filter:brightness(1.06);transform:translateY(-1px)}.channel-campaign-youtube{color:#173d31;background:#fff}.channel-campaign-whatsapp{color:#104a38;background:#a7f3d0}@media (max-width:650px){.channel-campaign{border-radius:17px;padding:21px}.channel-campaign-steps{grid-template-columns:1fr;gap:9px}.channel-campaign-steps>div{grid-template-columns:28px 1fr;align-items:center;column-gap:10px;padding:13px}.channel-campaign-steps small{grid-column:2}.channel-campaign-actions{display:grid}.channel-campaign-actions a{width:100%}}