*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#07070c;color:#e8e8f0;line-height:1.6}
a{color:#9b8cff}header{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw}.logo{font-weight:800;font-size:1.4rem;letter-spacing:.5px}.logo span{color:#ff4d8d}
nav a{margin-left:22px;color:#bbb;text-decoration:none}.hero{padding:12vh 6vw 10vh;text-align:center;background:radial-gradient(ellipse at 50% 0%,#3a1d6e 0%,#07070c 65%)}
.hero h1{font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:1.1;max-width:900px;margin:0 auto 20px;background:linear-gradient(90deg,#fff,#c9b8ff,#ff8fb8);-webkit-background-clip:text;color:transparent}
.hero p{color:#aab;font-size:1.15rem;max-width:620px;margin:0 auto 34px}.btn{display:inline-block;padding:15px 34px;border-radius:40px;background:linear-gradient(90deg,#7b5cff,#ff4d8d);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 30px #7b5cff55}
.small{display:block;margin-top:12px;color:#778;font-size:.85rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:6vh 6vw 10vh;max-width:1200px;margin:auto}
.card{background:#11111b;border:1px solid #23233a;border-radius:18px;padding:28px}.card h3{margin-bottom:8px}.card .ic{font-size:2rem}.tag{font-size:.7rem;background:#ff4d8d22;color:#ff8fb8;padding:3px 9px;border-radius:10px;margin-left:6px;white-space:nowrap;display:inline-block;vertical-align:middle}
footer{border-top:1px solid #1c1c2a;padding:28px 6vw;color:#667;font-size:.9rem;display:flex;gap:20px;flex-wrap:wrap}main.doc{max-width:760px;margin:auto;padding:6vh 6vw}main.doc h1{margin-bottom:12px}main.doc h2{margin:22px 0 6px}.draft{background:#ffb02022;color:#ffc85a;padding:10px 14px;border-radius:10px;margin-bottom:20px}