:root{--ink:#f4f5f0;--muted:#b8bfbd;--night:#080b11;--panel:#111620;--line:#293342;--green:#a8ff3e;--purple:#a970ff;--blue:#43c6ff;--max:1180px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:space grotesk,system-ui,sans-serif;line-height:1.65;background-image:radial-gradient(circle at 90% 5%,#7137a52b,transparent 28%),radial-gradient(circle at 5% 40%,#0caeac20,transparent 25%)}body:before,body:after{content:"";position:fixed;z-index:-1;opacity:.13;width:340px;height:520px;background:linear-gradient(130deg,var(--green),transparent);clip-path:polygon(43% 0,60% 29%,100% 13%,70% 48%,96% 72%,57% 63%,45% 100%,34% 62%,0 78%,23% 48%,0 22%,35% 31%)}body:before{left:-180px;top:80px}body:after{right:-190px;bottom:-100px;transform:rotate(160deg)}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#080b11e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:1.25rem;text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--green)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{text-decoration:none;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--green)}.menu-btn{display:none;background:0 0;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:10px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#071008;text-decoration:none;font-weight:800;padding:13px 21px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 0 28px #a8ff3e2b}.button.alt{background:0 0;color:var(--ink);border:1px solid var(--purple);box-shadow:none}.hero{padding:90px 0 70px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.78rem}.hero h1,.page-hero h1{font-size:clamp(3.1rem,7vw,6.8rem);line-height:.94;letter-spacing:-.07em;margin:16px 0 26px;max-width:900px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.18rem;color:var(--muted);max-width:700px}.hero-image{position:relative}.hero-image img,.page-image{border-radius:32px;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8)contrast(1.05)}.hero-image:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--purple);border-radius:32px;z-index:-1;box-shadow:0 0 40px #a970ff40}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:76px 0}.section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:linear-gradient(145deg,#151b26,#0d1119);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:25px;transition:.25s}.card:hover{border-color:var(--blue);transform:translateY(-3px)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:20px}.card h3{font-size:1.35rem;margin:0 0 8px}.card p,.muted{color:var(--muted)}.card a{color:var(--green);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.quote{border-left:3px solid var(--purple);padding-left:24px;font-size:1.2rem}.quote cite{display:block;color:var(--muted);font-size:.9rem;margin-top:12px}.page-hero{padding:75px 0 40px}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem)}.prose{max-width:820px}.prose h2{font-size:2rem;line-height:1.15;margin-top:50px}.prose h3{margin-top:34px}.prose p,.prose li{color:#d5d9d5}.prose a{color:var(--green)}.meta{color:var(--blue);font-weight:600}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px}.aside{position:sticky;top:100px;align-self:start}.price{font-size:2rem;color:var(--green);font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--green)}form{display:grid;gap:17px}.field{display:grid;gap:6px}label{font-weight:700}input,textarea,select{width:100%;background:#0a0f17;color:var(--ink);border:1px solid #3a4556;border-radius:11px;padding:13px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);border-color:transparent}.error{color:#ff9cbd;font-size:.9rem}.success{color:var(--green)}.site-footer{border-top:1px solid var(--line);padding:55px 0 28px;margin-top:70px;background:#07090e}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-links{display:grid;gap:8px}.cookie{position:fixed;z-index:40;left:20px;right:20px;bottom:20px;max-width:760px;margin:auto;background:#151b24;border:1px solid var(--purple);border-radius:18px;padding:22px;box-shadow:0 10px 60px #000}.cookie-row{display:flex;align-items:center;gap:18px}.cookie p{margin:0;flex:1}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:25px;margin-bottom:40px}.tag{display:inline-block;border:1px solid var(--blue);border-radius:99px;padding:4px 10px;color:var(--blue);font-size:.82rem}.steps{counter-reset:step}.step{position:relative;padding:0 0 35px 70px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--purple);font-weight:800}.not-found{text-align:center;padding:120px 20px}.not-found strong{display:block;color:var(--green);font-size:7rem;line-height:1}@media(max-width:850px){.hero-grid,.split,.detail-grid,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:#0c1119;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding-top:50px}.hero-image{margin:20px}.aside{position:static}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:3rem}.cookie-row{align-items:flex-start;flex-direction:column}.wrap{width:min(100% - 28px,var(--max))}}