:root{
  --bg:#0f1720;
  --bg-alt:#132130;
  --surface:#1b2b3c;
  --line:rgba(255,255,255,0.13);
  --text:#e8eef5;
  --text-dim:#a9b8c8;
  --accent:#f0a030;
  --accent-ink:#1b1204;
  --blue:#5aa9e6;
  --danger:#ff8a7a;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;}
a{color:var(--blue);}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px;}
.muted,.hint{color:var(--text-dim);font-size:14px;}
.preview-bar{background:var(--accent);color:var(--accent-ink);text-align:center;font-size:13px;padding:6px 12px;}

/* header */
.site-header{position:sticky;top:0;z-index:10;background:rgba(15,23,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;gap:20px;min-height:58px;flex-wrap:wrap;}
.brand{font-weight:800;font-size:20px;color:var(--text);text-decoration:none;letter-spacing:-.01em;}
.brand span{color:var(--accent);}
.main-nav{display:flex;gap:18px;flex:1;flex-wrap:wrap;}
.main-nav a{color:var(--text-dim);text-decoration:none;font-size:15px;}
.main-nav a:hover{color:var(--text);}
.lang-switch{display:flex;gap:4px;}
.lang-switch a{color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid transparent;}
.lang-switch a.is-active{color:var(--accent-ink);background:var(--accent);}
.lang-switch a:not(.is-active):hover{border-color:var(--line);color:var(--text);}

/* hero */
.hero{padding:80px 0 72px;background:radial-gradient(900px 400px at 80% -10%,rgba(90,169,230,.18),transparent 70%);}
.eyebrow{color:var(--accent);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
h1{font-size:clamp(44px,9vw,76px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.025em;}
.lead{font-size:clamp(18px,3vw,22px);color:var(--text-dim);max-width:640px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.hero-note{margin-top:16px;color:var(--text-dim);font-size:14px;}

.btn{display:inline-block;padding:12px 22px;border-radius:var(--radius);font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;}
.btn-primary{background:var(--accent);color:var(--accent-ink);}
.btn-primary:hover{filter:brightness(1.08);}
.btn-ghost{border-color:var(--line);color:var(--text);background:transparent;}
.btn-ghost:hover{border-color:var(--text-dim);}

/* sections */
.section{padding:64px 0;}
.section-alt{background:var(--bg-alt);}
h2{font-size:clamp(26px,5vw,34px);line-height:1.15;margin-bottom:10px;letter-spacing:-.015em;}
h3{font-size:18px;line-height:1.3;margin-bottom:6px;}
.section-sub{color:var(--text-dim);max-width:620px;margin-bottom:28px;}
.tag{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 10px;vertical-align:middle;margin-left:4px;}

.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}
.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}
.feature p{color:var(--text-dim);font-size:15px;}

.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.step p{color:var(--text-dim);font-size:15px;}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;margin-bottom:10px;}

.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px;}
.screen figcaption{color:var(--text-dim);font-size:14px;margin-top:8px;}
.placeholder{aspect-ratio:16/10;border:2px dashed var(--text-dim);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--text-dim);background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.03) 12px 24px);font-size:14px;text-transform:uppercase;letter-spacing:.06em;}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-top:20px;max-width:640px;}
.card p{color:var(--text-dim);margin:10px 0 16px;}
.card-placeholder{border-style:dashed;}
.card .tag{margin-left:0;}
.success h3{color:var(--accent);}

/* contact */
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start;}
.coffee{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);}
.coffee p{color:var(--text-dim);margin-bottom:10px;}
.contact-form{display:grid;gap:16px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field label{display:block;font-size:14px;margin-bottom:5px;color:var(--text-dim);}
.field input[type=text],.field input[type=email],.field select,.field textarea{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;}
.field input[type=file]{width:100%;color:var(--text-dim);font-size:14px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:1px;}
.field-error{color:var(--danger);font-size:14px;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.site-footer{border-top:1px solid var(--line);padding:32px 0;color:var(--text-dim);font-size:14px;}

@media (max-width:760px){
  .contact-wrap{grid-template-columns:1fr;gap:28px;}
  .frow{grid-template-columns:1fr;}
  .hero{padding:48px 0 44px;}
  .section{padding:44px 0;}
  .header-row{gap:6px 14px;padding-top:8px;padding-bottom:8px;}
  .main-nav{order:3;flex-basis:100%;gap:6px 16px;}
  .lang-switch{margin-left:auto;}
  .btn{width:100%;text-align:center;}
  .hero-actions{flex-direction:column;}
}

.social-links{display:flex;gap:12px;font-size:14px;}
.social-links a,.footer-links a{color:var(--text-dim);text-decoration:none;}
.social-links a:hover,.footer-links a:hover{color:var(--accent);}
.footer-links{display:flex;flex-wrap:wrap;gap:16px;}
.channels{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.channels p{flex-basis:100%;margin:0;color:var(--text-dim);}

.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface);}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;}
.lesson-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px;}
.lesson h3{margin:0 0 6px;}
.lesson .muted{margin:0 0 12px;}
@media (max-width:860px){.hero-split{grid-template-columns:1fr;}}