:root{--ink: #16241a;--ink-soft: #2b3a2e;--muted: #6c7c6c;--primary: #5f9a3e;--primary-dark: #3f7027;--primary-light: #e7f1d7;--accent: #a3ce74;--bg: #eef1e8;--surface: #ffffff;--border: #dbe4d0;--success: #2f9e44;--danger: #dc2626;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 48px -12px rgba(15, 23, 42, .25);--container: 1120px;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink-soft);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}a{color:var(--primary)}h1,h2,h3,h4{color:var(--ink);line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}h1{font-size:2.75rem;font-weight:800}h2{font-size:1.9rem;font-weight:800}h3{font-size:1.25rem;font-weight:700}p{line-height:1.65;color:var(--muted)}.page{max-width:var(--container);margin:0 auto;padding:48px 24px 80px}.section-title{text-align:center;max-width:640px;margin:0 auto 40px}.section-title h2{margin-bottom:10px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);padding:6px 14px;border-radius:999px;margin-bottom:16px}.navbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:10px;padding:16px 32px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-decoration:none;color:var(--ink);letter-spacing:-.01em}.navbar-brand:before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--primary),var(--accent))}.navbar-links{display:flex;align-items:center;gap:24px}.navbar-links a{text-decoration:none;color:var(--ink-soft);font-weight:600;font-size:15px;transition:color .15s}.navbar-links a:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;font-weight:700;font-size:15px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff;box-shadow:0 10px 20px -8px #5f9a3e8c}.btn-primary:hover{box-shadow:0 14px 28px -8px #5f9a3e99}.btn-outline{background:transparent;border-color:#ffffff59;color:#fff}.btn-outline:hover{background:#ffffff1a}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:7px 16px;font-size:14px}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;font-size:inherit;font-weight:600}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 120% 100% at 50% -20%,#2e4a22 0%,var(--ink) 55%,#050a05 100%);color:#fff;padding:96px 24px 72px;text-align:center}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px)}.hero:before{top:-25%;left:-12%;width:55%;padding-bottom:55%;background:radial-gradient(circle,rgba(163,206,116,.35) 0%,transparent 70%)}.hero:after{bottom:-35%;right:-14%;width:60%;padding-bottom:60%;background:radial-gradient(circle,rgba(95,154,62,.3) 0%,transparent 70%)}.hero-inner{position:relative;max-width:720px;margin:0 auto}.hero .eyebrow{background:#ffffff1a;color:#d9f0bf}.hero h1{color:#fff;font-size:3.1rem;margin-bottom:18px}.hero p{color:#cbd5e1;font-size:1.15rem;max-width:560px;margin:0 auto 32px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-stats{position:relative;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12)}.hero-stat{max-width:130px;text-align:center}.hero-stat strong{display:block;font-size:1.9rem;font-weight:800;color:#fff}.hero-stat span{font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.section{padding:88px 24px}.section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.course-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.course-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;text-align:left;text-decoration:none;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.course-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:16px;background:linear-gradient(135deg,var(--primary-light),#d7e8bd)}.course-card.subject-ukrainian .course-card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.course-card-tag{position:absolute;top:24px;right:24px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b45309;background:#fffbeb;border:1px solid #fde68a;padding:4px 10px;border-radius:999px}.course-card h3{margin-bottom:0}.course-card-desc{font-size:14px;margin:0;color:var(--muted);flex:1}.course-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.course-card-price{color:var(--ink);font-weight:800;font-size:18px;white-space:nowrap}.price-old{color:var(--muted);font-weight:600;font-size:.75em;text-decoration:line-through;margin-right:8px}.course-card-arrow{font-weight:700;color:var(--primary);transition:transform .15s ease}.course-card:hover .course-card-arrow{transform:translate(4px)}.feature-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.feature{text-align:center}.feature-icon{width:52px;height:52px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:14px;background:var(--primary-light)}.feature h3{margin-bottom:8px}.feature p{font-size:14px;margin:0}.referral-page{max-width:720px}.referral-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.referral-tier{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:var(--shadow-sm)}.referral-tier-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:16px;background:var(--primary-light)}.referral-tier h3{margin-bottom:6px}.referral-tier-reward{font-size:1.6rem;font-weight:800;color:var(--primary-dark);margin:0}.referral-note{text-align:center;font-weight:700;color:var(--ink);margin-bottom:28px}.referral-cta{text-align:center}.site-footer{background:var(--ink);color:#94a3b8;padding:56px 24px 28px;margin-top:auto}.footer-inner{max-width:var(--container);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:32px}.footer-brand{color:#fff;font-weight:800;font-size:18px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}.footer-brand:before{content:"";width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--primary),var(--accent))}.footer-tagline{max-width:320px;font-size:14px;margin:0;color:#64748b}.footer-links{display:flex;gap:56px;flex-wrap:wrap}.footer-col h4{color:#e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.footer-col a{display:block;color:#94a3b8;text-decoration:none;font-size:14px;margin-bottom:10px}.footer-col a:hover{color:#fff}.footer-bottom{max-width:var(--container);margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#475569;text-align:center}.auth-page,.auth-form{max-width:420px}.auth-page{margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink-soft)}.auth-form input,.admin-form input,.admin-form textarea,.admin-form select{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.auth-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-error{color:var(--danger);font-size:14px}.course-detail-page .course-price{display:inline-block;color:var(--primary);font-weight:800;font-size:20px;margin-bottom:20px}.topic-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 28px;margin:28px 0}.buy-box{background:var(--primary-light);border:1px solid #cfe0bd;border-radius:var(--radius-md);padding:24px 28px;margin:8px 0 28px}.buy-box p{color:var(--ink-soft);margin-bottom:16px}.topic-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:12px}.admin-table{width:100%;border-collapse:collapse;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:block;overflow-x:auto;white-space:nowrap}.admin-table th,.admin-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.admin-table th{background:#fafbff;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.admin-form{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;max-width:500px;box-shadow:var(--shadow-sm)}.admin-form input,.admin-form textarea,.admin-form select{width:100%}.admin-form-wide{max-width:720px}.checkbox-list{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.checkbox-list-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.checkbox-list-item input{width:auto}.admin-list{list-style:none;padding:0}.admin-list li{padding:10px 0;border-bottom:1px solid var(--border)}.material-type{font-weight:700;color:var(--primary)}.page-loading{padding:80px 40px;text-align:center;color:var(--muted)}.course-content-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;max-width:var(--container);margin:0 auto;padding:32px 24px 80px;align-items:start}.course-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;max-height:calc(100vh - 120px);overflow-y:auto}.course-sidebar-back{font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}.course-sidebar h2{font-size:1.1rem;margin:0}.course-sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-topic{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:none;border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer}.sidebar-topic:hover{background:var(--bg)}.sidebar-topic.active{background:var(--primary-light);color:var(--primary-dark)}.sidebar-topic.bonus{color:#b45309}.sidebar-topic.bonus.active{background:#fffbeb;color:#b45309}.sidebar-topic-check{width:16px;flex-shrink:0;color:var(--success);font-weight:800}.course-main{min-width:0}.video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);margin-bottom:24px;box-shadow:var(--shadow-md)}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-block-title{margin:0 0 12px;font-size:16px;color:var(--muted)}.material-checklist{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:8px}.material-checklist li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}.material-checklist li.done{background:#f0fdf4;border-color:#bbf7d0}.material-checklist label,.material-checklist .material-row{display:flex;align-items:center;gap:10px;font-size:14px}.material-checklist label{cursor:pointer}.material-checklist input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary)}.btn-done{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}@media (max-width: 860px){.course-content-layout{grid-template-columns:1fr}.course-sidebar{position:static;max-height:none}}@media (max-width: 640px){h1{font-size:2rem}h2{font-size:1.5rem}.page{padding:32px 16px 56px}.navbar{padding:12px 16px}.navbar-brand{font-size:17px}.navbar-links{gap:14px;font-size:14px}.navbar-links a{font-size:14px}.hero{padding:56px 16px 40px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-stats{gap:24px;margin-top:40px}.section{padding:48px 16px}.course-card{padding:24px 20px}.footer-inner{flex-direction:column;gap:28px}.footer-links{gap:28px}.auth-page{padding:24px 20px}.course-content-layout{padding:16px 16px 56px;gap:20px}.course-sidebar{padding:14px}.buy-box,.topic-list{padding:20px}}