[hidden]{display:none!important}
:root{--bg:#0b0d12;--bg2:#12161f;--card:#161b26;--line:#252c3b;--tx:#e9edf5;--mut:#8b95a8;--ac:#7c5cff;--ac2:#22d3ee;--ok:#22c55e;--wa:#f59e0b;--er:#ef4444;--r:14px;color-scheme:dark}
@media (prefers-color-scheme:light){:root.auto{--bg:#f6f7fb;--bg2:#fff;--card:#fff;--line:#e3e6ee;--tx:#141823;--mut:#5b6578;color-scheme:light}}
*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
a{color:var(--ac2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;height:60px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;color:var(--tx)}.logo img{width:32px;height:32px;border-radius:9px}
.top nav{margin-left:auto;display:flex;gap:18px;align-items:center}.top nav a{color:var(--mut)}.top nav a:hover{color:var(--tx);text-decoration:none}
select,input,textarea,button{font:inherit;color:var(--tx)}input,textarea,select{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
.btn,button{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;background:linear-gradient(135deg,var(--ac),#5b8cff);color:#fff;font-weight:600;transition:transform .15s,opacity .2s}
.btn:hover,button:hover{transform:translateY(-1px);text-decoration:none}.btn:active,button:active{transform:none}
.ghost{background:transparent;border:1px solid var(--line);color:var(--tx)}.danger{background:var(--er)}.sm{padding:6px 10px;font-size:13px}
.lang-sel{width:auto;padding:6px 8px}
.hero{padding:90px 0 60px;text-align:center}.hero h1{font-size:clamp(32px,6vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px;background:linear-gradient(120deg,#fff,#b7a6ff 60%,var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:18px;max-width:620px;margin:0 auto 28px}.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .shot{margin:48px auto 0;max-width:900px;border-radius:18px;border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 80px -30px #7c5cff55;aspect-ratio:16/9;background:var(--card)}
.hero .shot img{width:100%;height:100%;object-fit:cover;display:block}
section{padding:56px 0}h2{font-size:30px;letter-spacing:-.03em;margin:0 0 8px}.sub{color:var(--mut);margin:0 0 28px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:border-color .2s,transform .2s}.card:hover{border-color:color-mix(in srgb,var(--ac) 50%,var(--line))}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--mut)}
.price{font-size:38px;font-weight:800;letter-spacing:-.03em}.price small{font-size:14px;color:var(--mut);font-weight:400}
.form{display:grid;gap:12px;max-width:560px}.hp{position:absolute;left:-9999px}
.msg{padding:10px 12px;border-radius:10px;margin-top:8px}.msg.ok{background:#22c55e22;color:#86efac}.msg.er{background:#ef444422;color:#fca5a5}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mut);font-size:13px}footer .links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.legal{max-width:760px;padding:48px 20px}.legal p{white-space:pre-line}
.ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--ac) 20%,transparent);margin-bottom:10px}
@media (max-width:640px){.top nav a.hide-m{display:none}.hero{padding:56px 0 32px}}