:root{--ink:#10213a;--muted:#627089;--brand:#0c6b58;--brand2:#e7f5ef;--line:#dde4ea;--paper:#fff;--bg:#f4f7f8;--danger:#b3261e}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,100% - 40px);margin:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.03em;font-size:1.35rem;font-weight:900}.site-header nav{align-items:center;gap:22px;display:flex}.link-button{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0}.button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:750;display:inline-flex}.button.small{padding:9px 14px}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.hero{border-bottom:1px solid var(--line);background:linear-gradient(145deg,#eaf8f3 0%,#fff 60%,#f4efe7 100%)}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;min-height:590px;display:grid}.hero h1{letter-spacing:-.065em;max-width:850px;margin:18px 0 24px;font-size:clamp(3rem,6vw,5.7rem);line-height:.95}.hero p{color:var(--muted);max-width:690px;font-size:1.16rem;line-height:1.75}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--brand);font-size:.76rem;font-weight:850}.actions{gap:12px;margin-top:30px;display:flex}.hero-panel{color:#fff;background:#10213a;border-radius:28px;padding:20px;box-shadow:0 30px 70px #10213a2e}.hero-panel div{border-bottom:1px solid #ffffff26;justify-content:space-between;gap:30px;padding:20px;display:flex}.hero-panel div:last-child{border:0}.hero-panel span{color:#c8d2df}.section{padding:76px 0}.section-heading{margin-bottom:30px}.section-heading h1,.section-heading h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(2.1rem,4vw,3.5rem)}.section-heading p{color:var(--muted)}.feature-grid,.course-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feature-grid article,.course-card,.auth-card,.summary,.order{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px}.feature-grid p,.course-body p,.cart-item p,.order p{color:var(--muted);line-height:1.6}.course-card{padding:0;overflow:hidden}.course-image{color:#fff;letter-spacing:-.08em;background:linear-gradient(135deg,#0c6b58,#0c3c6b);place-items:center;height:165px;font-size:2.5rem;font-weight:900;display:grid}.course-body{padding:22px}.course-body h3{margin:8px 0;font-size:1.35rem}.course-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.auth-wrap{place-items:center;min-height:calc(100vh - 130px);padding:50px 20px;display:grid}.auth-card{flex-direction:column;gap:18px;width:min(460px,100%);display:flex}.auth-card h1{margin:0;font-size:2.5rem}.auth-card label{flex-direction:column;gap:8px;font-weight:700;display:flex}.auth-card input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.error{color:var(--danger);background:#fff0ef;border-radius:10px;padding:12px}.notice{background:var(--brand2);border-radius:12px;padding:16px}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:18px;padding:40px}.cart-layout{grid-template-columns:1fr 340px;gap:28px;display:grid}.cart-item{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:22px;margin-bottom:14px;padding:20px;display:grid}.danger{color:var(--danger)}.summary{flex-direction:column;gap:18px;height:max-content;display:flex;position:sticky;top:94px}.summary>strong{font-size:2rem}.summary small{color:var(--muted);line-height:1.5}.order-list{gap:15px;display:grid}.order>div{justify-content:space-between;align-items:center;display:flex}.status{background:#edf0f3;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:850}.status.paid{color:#15603e;background:#daf5e8}.status.pending_payment{color:#775700;background:#fff2c6}footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;padding:28px 0}@media (max-width:850px){.site-header nav a:not(.button),.site-header nav .link-button{display:none}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-panel{display:none}.feature-grid,.course-grid,.cart-layout,.cart-item{grid-template-columns:1fr}.summary{position:static}}.nav-row{gap:20px}.brand{letter-spacing:.025em;flex-shrink:0;font-size:clamp(1.05rem,3.6vw,1.35rem)}.lesson-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.lesson-row:first-of-type{border-top:0}.lesson-row p{color:var(--muted);margin:6px 0 0}.home-courses{background:#fff}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.section-heading-copy{max-width:720px}.section-heading p{max-width:720px;line-height:1.7}.text-link{color:var(--brand);white-space:nowrap;align-items:center;gap:9px;padding-bottom:8px;font-weight:850;display:inline-flex}.text-link span{font-size:1.3rem;transition:transform .2s}.text-link:hover span{transform:translate(4px)}.testimonial-section{color:#fff;background:linear-gradient(135deg,#10213a 0%,#16364a 100%)}.testimonial-heading{max-width:760px}.testimonial-section .eyebrow{color:#7fe0c3}.testimonial-section .section-heading p{color:#c8d2df}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.testimonial-card{background:#ffffff12;border:1px solid #ffffff21;border-radius:22px;flex-direction:column;min-height:315px;padding:28px;display:flex;box-shadow:0 18px 45px #0000001f}.testimonial-stars{color:#f5c967;letter-spacing:.16em;font-size:.9rem}.testimonial-card blockquote{color:#f2f6f8;margin:24px 0 30px;font-size:1.04rem;line-height:1.75}.testimonial-person{align-items:center;gap:13px;margin-top:auto;display:flex}.testimonial-avatar{color:#10213a;background:#7fe0c3;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.testimonial-person div{flex-direction:column;gap:4px;display:flex}.testimonial-person span{color:#b9c7d3;font-size:.88rem}.reasons-section{background:linear-gradient(145deg,#eef9f5 0%,#f8faf9 55%,#f8f1e8 100%)}.reasons-heading{text-align:center}.reasons-heading p{margin-left:auto;margin-right:auto}.reason-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.reason-card{background:#ffffffe0;border:1px solid #0c6b5826;border-radius:22px;min-height:270px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 45px #10213a12}.reason-number{color:#fff;background:var(--brand);letter-spacing:.04em;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:900;display:inline-grid}.reason-card h3{margin:24px 0 12px;font-size:1.35rem}.reason-card p{color:var(--muted);margin:0;line-height:1.7}.reason-card:after{content:"";background:var(--brand2);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-46px;right:-38px}@media (max-width:850px){.section-heading-row{flex-direction:column;align-items:flex-start}.testimonial-grid,.reason-grid{grid-template-columns:1fr}.testimonial-card,.reason-card{min-height:auto}}.admin-page-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.admin-page-heading .section-heading,.admin-page-heading .section-heading p{margin-bottom:0}.admin-tabs{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;width:max-content;margin:34px 0 24px;padding:7px;display:flex}.admin-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:11px 17px;font-weight:800;display:flex}.admin-tabs button.active{color:#fff;background:var(--brand)}.admin-tabs span{background:#fff3;border-radius:999px;min-width:24px;padding:3px 7px;font-size:.75rem}.admin-tabs button:not(.active) span{background:var(--brand2);color:var(--brand)}.admin-feedback{margin:0 0 20px}.admin-user-form{border:1px solid var(--line);background:#fff;border-radius:22px;margin-bottom:28px;padding:26px;box-shadow:0 18px 45px #10213a12}.admin-form-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.admin-form-heading h2{margin:6px 0 0}.admin-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.admin-form-grid label{color:var(--ink);flex-direction:column;gap:8px;font-weight:750;display:flex}.admin-form-grid input{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;padding:12px 13px}.admin-form-grid input:focus{border-color:var(--brand);outline:2px solid #0c6b5833}.admin-form-actions{gap:10px;margin-top:22px;display:flex}.admin-table-wrap{border:1px solid var(--line);background:#fff;border-radius:20px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:950px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:18px}.admin-table th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#f8faf9;font-size:.75rem}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td:first-child strong,.admin-table td:first-child small{display:block}.admin-table td:first-child small{color:var(--muted);margin-top:5px}.admin-status{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:850;display:inline-flex}.admin-status.active{color:#15603e;background:#daf5e8}.admin-status.suspended{color:#8a351d;background:#ffe3d8}.admin-row-actions{gap:14px;display:flex}.admin-row-actions button{white-space:nowrap;font-weight:800}.admin-note{border-left:4px solid var(--brand);background:var(--brand2);color:var(--muted);border-radius:0 12px 12px 0;margin:24px 0 0;padding:16px 18px;line-height:1.6}@media (max-width:850px){.admin-page-heading{flex-direction:column;align-items:flex-start}.admin-form-grid{grid-template-columns:1fr}.admin-tabs{width:100%}.admin-tabs button{flex:1;justify-content:center}.admin-user-form{padding:20px}.admin-page-heading>.button{width:100%}}.admin-note strong{color:var(--ink)}.admin-note a{color:var(--brand);font-weight:850}
