:root{--bg:#07070d;--card:#12121d;--txt:#ece9f5;--mut:#a9a5bd;--orange:#ff8a1f;--green:#5dffb0;--purple:#a66bff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg) radial-gradient(1200px 600px at 50% -10%,#1d1430,var(--bg)) no-repeat top;color:var(--txt);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--orange)}img,video{max-width:100%;height:auto;display:block;border-radius:12px}
.wrap{max-width:1100px;margin:auto;padding:0 18px}
header{position:sticky;top:0;z-index:5;background:#07070dee;border-bottom:1px solid #222;backdrop-filter:blur(6px)}
header .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 18px}
header img{width:44px;height:44px;border-radius:50%}.brand{font-weight:800;color:var(--txt);text-decoration:none;font-size:1.15rem;letter-spacing:.5px;display:flex;align-items:center;gap:10px}
nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}nav a{color:var(--mut);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--orange)}
h1,h2,h3{line-height:1.2}h1{font-size:clamp(1.9rem,5vw,3rem);text-shadow:0 0 18px #ff8a1f88}h2{color:var(--green);text-shadow:0 0 12px #5dffb055}
.hero{display:grid;gap:24px;padding:32px 0;align-items:center}@media(min-width:820px){.hero{grid-template-columns:1.1fr 1fr}}
.hero video{box-shadow:0 0 40px #ff8a1f55;width:100%}
.btn{display:inline-block;background:var(--orange);color:#160b00;font-weight:800;padding:14px 26px;border-radius:999px;text-decoration:none;box-shadow:0 0 22px #ff8a1f88;margin:6px 8px 6px 0}
.btn.alt{background:transparent;color:var(--green);border:2px solid var(--green);box-shadow:0 0 14px #5dffb044}.btn.big{font-size:1.25rem;padding:18px 34px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid #2a2440;border-radius:16px;padding:12px;text-decoration:none;color:var(--txt);transition:.2s}.card:hover{box-shadow:0 0 24px #a66bff55;transform:translateY(-2px)}
.card h3{margin:10px 0 4px}.card p{margin:0;color:var(--mut);font-size:.93rem}
.steps{counter-reset:s;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding:0;list-style:none}
.steps li{background:var(--card);border-radius:16px;padding:18px;border:1px solid #2a2440}.steps li:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--purple);font-weight:800;margin-bottom:8px}
.two{display:grid;gap:24px}@media(min-width:820px){.two{grid-template-columns:1fr 1fr}}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.note{background:#1a1426;border-left:4px solid var(--purple);padding:12px 16px;border-radius:8px}
details{background:var(--card);border-radius:12px;padding:12px 16px;margin:10px 0;border:1px solid #2a2440}summary{font-weight:700;cursor:pointer}
table{border-collapse:collapse;width:100%}td,th{border:1px solid #2a2440;padding:8px;text-align:left}
footer{border-top:1px solid #222;margin-top:50px;padding:26px 0;color:var(--mut);font-size:.9rem}.social a{margin-right:14px}
section{padding:18px 0}