:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#f8fafc;--ink:#0f172a;--muted:#475569;--brand:#0f766e;--brand2:#134e4a;--line:#dbeafe;--card:#ffffff;--soft:#ecfeff;}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eefdf8 0,#f8fafc 34%,#ffffff 100%);color:var(--ink)}
.hero{padding:48px 20px 30px;max-width:1120px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--brand);font-size:.78rem;margin:0 0 10px}.hero h1{font-size:clamp(2.1rem,5vw,4.6rem);line-height:.97;margin:0 0 16px;color:#102a43}.lead{font-size:1.18rem;max-width:850px;color:var(--muted);line-height:1.65}.lang{display:inline-flex;margin-top:12px;color:#0f766e;font-weight:900;text-decoration:none;border:1px solid #99f6e4;border-radius:999px;padding:10px 14px;background:#fff}
main{max-width:1120px;margin:0 auto;padding:0 20px 54px}.promo{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:center;background:#0f172a;color:#fff;border-radius:28px;padding:24px;box-shadow:0 22px 55px rgba(15,23,42,.18);margin:14px 0 24px}.promo .eyebrow{color:#5eead4}.promo p{color:#dbeafe;line-height:1.6}.promo h2{margin:.2rem 0 .4rem}.video-wrap{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#020617}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel,.result article,.wide{background:var(--card);border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.07)}
h2{margin-top:0}label{display:block;font-weight:800;margin:14px 0 6px}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:112px;resize:vertical}button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:13px 18px;font-weight:900;font-size:1rem;cursor:pointer;margin-top:16px}button.secondary{background:#e0f2fe;color:#075985}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checks label{margin:6px 0;padding:10px;border:1px solid #dbeafe;border-radius:14px;background:#f8fafc;font-weight:700}.checks input{width:auto;margin-right:8px}.result{margin-top:22px}.result-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}ul{padding-left:20px;line-height:1.65}pre{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;line-height:1.55}footer{text-align:center;color:#64748b;padding:28px 16px 42px}.badge{display:inline-block;background:#ccfbf1;color:#115e59;border-radius:999px;padding:4px 9px;font-weight:900;font-size:.78rem;margin:3px}.copied{background:#16a34a!important}@media(max-width:860px){.promo,.tool,.grid{grid-template-columns:1fr}.result-head{display:block}.promo{padding:18px}}