:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#122337;background:#f2f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f2f6f4}button,a,input,textarea{font:inherit}button,a{cursor:pointer}.loading{min-height:100vh;display:grid;place-items:center;font-weight:800;color:#0d8b79}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px clamp(14px,4vw,48px);background:#fffffff0;border-bottom:1px solid #d9e5e1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#0a7d70;font-weight:900;font-size:1.08rem;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar nav button,.topbar nav a,.hero-actions button,.hero-actions a,.course-footer button,.form-grid button,.paybox a,.lesson-meta a,.empty-state button,.order-list button,.drive-row button,.course-drive-row button,.drive-folder{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfe0dc;border-radius:8px;padding:9px 14px;color:#123044;background:#fff;text-decoration:none;font-weight:750}.hero-actions button,.course-footer button,.form-grid button,.paybox a,.empty-state button,.order-list button:first-of-type,.drive-row button:first-of-type,.course-drive-row button{border-color:#0d8b79;background:#0d8b79;color:#fff}.notice{margin:16px auto 0;width:min(1160px,calc(100% - 32px));padding:12px 14px;border:1px solid #98d8ce;border-radius:8px;background:#ddfbf5;font-weight:750}.notice.error{border-color:#f7b4a7;background:#fff0ed;color:#9f3412}main{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.78fr);gap:clamp(18px,4vw,42px);align-items:center;padding:clamp(28px,5vw,66px) 0 28px}.hero-copy{display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 12px;color:#0a7d70;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero h1{max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4.65rem);line-height:1.02;letter-spacing:0;color:#101f31}.hero p{max-width:690px;margin:18px 0 0;color:#526679;font-size:1.07rem}.hero-actions,.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-row{margin-top:18px;color:#42596d;font-size:.94rem}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row svg{color:#0d8b79}.hero-slider{position:relative;min-height:520px;overflow:hidden;border:1px solid #d7e4e1;border-radius:8px;background:#102033;box-shadow:0 24px 70px #1020332e}.hero-slider img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover}.hero-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a192608,#0a192694)}.slider-caption{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:grid;gap:6px;color:#fff}.slider-caption span{width:max-content;max-width:100%;padding:6px 9px;border-radius:8px;background:#0d8b79e6;font-size:.8rem;font-weight:900}.slider-caption strong{font-size:1.35rem;line-height:1.15}.slide-dots{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:7px}.slide-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#ffffff8a}.slide-dots button.active{width:24px;background:#fff}.stats-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px auto 28px}.stats-band div,.panel,.paybox,.lesson-list,.classroom,.course-card,.profile-head{border:1px solid #d7e4e1;border-radius:8px;background:#fff;box-shadow:0 12px 34px #10203314}.stats-band div{padding:18px;display:grid;gap:4px}.stats-band strong{font-size:1.72rem;color:#0d8b79}.stats-band span{color:#526679}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:48px}.course-card{overflow:hidden;display:flex;flex-direction:column}.course-photo{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover}.course-body{display:flex;flex-direction:column;flex:1;gap:12px;padding:18px}.course-body span{color:#0d8b79;font-size:.84rem;font-weight:850}.course-body h2{margin:0;font-size:1.28rem;line-height:1.2}.course-body p{margin:0;color:#526679}.course-pills{display:flex;flex-wrap:wrap;gap:8px}.course-pills small{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#edf8f5;color:#315064;font-weight:750}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.course-footer strong{font-size:1.25rem}.panel{padding:clamp(18px,3vw,28px)}.panel.narrow{max-width:480px;margin-top:42px}.tabs,.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.tabs button,.segmented button{min-height:42px;border:1px solid #d1dfdb;border-radius:8px;background:#f7fbfa;font-weight:850}.tabs .active,.segmented .active{background:#102033;color:#fff}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid textarea,.drive-row input,.course-drive-row input{width:100%;min-height:44px;border:1px solid #cbd9d6;border-radius:8px;padding:10px 12px;background:#fff}.form-grid textarea{min-height:90px;resize:vertical}.hint{color:#66788a;font-size:.9rem}.checkout-layout,.learning-layout,.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;padding:28px 0 48px}.student-page{padding-top:28px}.profile-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:16px;align-items:center;padding:22px}.profile-head span,.admin-title span{color:#0d8b79;font-weight:850}.profile-head h1,.admin-title h1{margin:3px 0 8px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.05}.profile-head p{margin:0;color:#526679}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-metrics div{padding:14px;border-radius:8px;background:#eef8f6}.mini-metrics strong{display:block;color:#0d8b79;font-size:1.55rem}.mini-metrics span{color:#526679;font-size:.9rem}.paybox{display:grid;gap:10px;justify-items:start;padding:22px;background:#f8fbff}.paybox svg{color:#2563eb}.paybox strong{font-size:1.25rem}.lesson-list{padding:18px;display:grid;gap:10px}.lesson-list button{width:100%;min-height:42px;text-align:left;border:1px solid #d5e2df;border-radius:8px;background:#f7fbfa;padding:10px;font-weight:750}.lesson-list button.active{background:#0d8b79;color:#fff}.lesson-list .lesson{display:flex;align-items:center;gap:8px}.drive-folder{justify-content:flex-start;color:#0d6f63;background:#ecfbf7}.classroom{overflow:hidden}.viewer{aspect-ratio:16 / 9;background:#102033}.viewer iframe{width:100%;height:100%;border:0}.locked-drive{height:100%;display:grid;place-items:center;gap:10px;color:#d8eef0;text-align:center;padding:20px}.lesson-meta{display:flex;justify-content:space-between;gap:16px;padding:18px}.lesson-meta span{color:#0d8b79;font-weight:850}.lesson-meta h1{margin:4px 0 8px}.lesson-meta p{color:#526679}.order-history{margin-bottom:48px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #e0eae7}.history-row strong{color:#0d8b79;text-transform:uppercase;font-size:.82rem}.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-title svg{color:#0d8b79}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-stats div{padding:14px;border-radius:8px;background:#eef8f6}.admin-stats strong{display:block;color:#0d8b79;font-size:1.55rem}.order-list,.admin-course{display:grid;gap:10px}.order-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid #dbe7e4;border-radius:8px}.order-list span,.order-list small,.drive-admin p{display:block;color:#526679}mark{border-radius:999px;padding:5px 10px;background:#fff4c2;color:#6b4f00;font-weight:850}.ghost{background:#fff!important;color:#102033!important;border-color:#d4e0dd!important}.drive-row,.course-drive-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.4fr) auto auto;gap:8px;align-items:center}.course-drive-row{grid-template-columns:minmax(220px,1fr) auto;margin-bottom:8px}.empty-state{min-height:70vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.site-footer{display:grid;grid-template-columns:1.3fr repeat(3,minmax(150px,.7fr));gap:22px;padding:34px clamp(16px,4vw,48px) 42px;background:#102033;color:#e9f5f5}.site-footer h2,.site-footer h3{margin:0 0 10px}.site-footer p,.site-footer span,.site-footer a,.site-footer button{color:#bdd0da}.site-footer div{display:grid;align-content:start;gap:8px}.site-footer a,.site-footer button,.site-footer span{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:transparent;text-align:left;text-decoration:none}.wa-float{position:fixed;right:18px;bottom:18px;z-index:25;width:58px;height:58px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#22c55e;box-shadow:0 16px 30px #22c55e5c}@media(max-width:980px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{justify-content:flex-start}.hero,.checkout-layout,.learning-layout,.profile-head{grid-template-columns:1fr}.hero-slider,.hero-slider img{min-height:420px}.course-grid,.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:680px){main,.notice{width:min(100% - 20px,1180px)}.topbar nav button,.topbar nav a{flex:1 1 145px}.hero{padding-top:24px}.hero h1{font-size:2.18rem}.hero-slider,.hero-slider img{min-height:330px}.stats-band,.course-grid,.admin-stats,.mini-metrics,.site-footer{grid-template-columns:1fr}.course-footer,.lesson-meta{align-items:stretch;flex-direction:column}.history-row,.order-list article,.drive-row,.course-drive-row{grid-template-columns:1fr}.wa-float{right:12px;bottom:12px}}
