:root{--orange:#ff5722;--ink:#192334;--muted:#657185;--line:#e5e8ed}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px max(4vw,16px);border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:53px;height:53px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand small{color:var(--orange)}.nav nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding:80px max(6vw,24px);background:#fff4ef}.hero h1{font-size:clamp(34px,5.8vw,72px);line-height:1.09;letter-spacing:-2px;margin:14px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero p{font-size:17px;line-height:1.6;color:#455269;max-width:650px}.tag{display:inline-block;background:#ffe0d1;color:#a93816;border-radius:40px;padding:7px 12px;font-weight:700;font-size:12px}.primary,.secondary{display:inline-block;margin:8px 10px 0 0;padding:13px 17px;border-radius:9px;font-weight:700}.primary{color:white;background:var(--orange)}.secondary{border:1px solid #a0a9b7}.muted{font-size:13px!important}.code-preview{padding:20px;border-radius:16px;background:var(--ink);color:white;box-shadow:0 18px 50px #15223426;min-width:0}.code-title{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.code-title span{color:#aab8cb;font-weight:400;font-size:11px}.code-preview pre{overflow:auto;padding:22px 10px;line-height:1.8;color:#dceaff}.output{padding:16px;background:#0f172a;border-radius:9px;color:#86efac}.section{padding:60px max(6vw,24px);min-height:45vh}.section h1{font-size:40px}.section h2{font-size:30px}.features,.language-grid,.tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.features article,.language,.tab-grid div{border:1px solid var(--line);padding:20px;border-radius:12px}.language{font-weight:700;border-left:4px solid var(--orange)}.tab-grid p{font-size:13px;color:var(--muted)}.notice{padding:20px;border-radius:10px;background:#fff4ef}footer{display:flex;align-items:center;gap:16px;padding:32px max(6vw,24px);background:#192334;color:white}footer img{width:50px;background:#fff;border-radius:50%}footer p{color:#ffb196}footer small{color:#bec7d6}@media(max-width:740px){.nav{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px}.hero h1{letter-spacing:-1px}.nav nav{gap:16px}}

.auth{max-width:570px;margin:40px auto;padding:26px;border:1px solid var(--line);border-radius:15px}.auth h1{margin-top:0}.auth form{display:grid;gap:14px}.auth form label:not(.check){display:grid;gap:6px;font-weight:650}.auth input:not([type=checkbox]),.auth select{padding:12px;border:1px solid #9ca3af;border-radius:8px;font:inherit;max-width:100%;width:100%}.auth .check{display:flex;align-items:start;gap:8px}.auth .check input{margin-top:5px}.auth a{color:#bf401b;text-decoration:underline}.auth button{border:0;cursor:pointer;font:inherit}.auth .errors{color:#a61b1b}.auth .notice{padding:12px;border-radius:8px;background:#fff0e7;line-height:1.5}@media(max-width:620px){.auth{margin:20px 12px;padding:16px}}