*{box-sizing:border-box;margin:0;padding:0}
:root{--v:#6c3df4;--y:#ffd23f;--p:#ff5fa2;--ink:#20163f;--mute:#6f6a86;--bg:#faf8ff}
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;padding-bottom:100px}
a{color:var(--v);text-decoration:none}a:hover{text-decoration:underline}
.wm{max-width:1000px;margin:0 auto;padding:26px 24px 0;font-size:30px;font-weight:900;letter-spacing:-.04em}
.wm b{color:var(--p)}.wm span{color:var(--v)}
.dock{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);border-radius:50px;padding:8px;display:flex;gap:4px;z-index:9;box-shadow:0 10px 30px rgba(32,22,63,.3)}
.dock a{color:#cfc8ee;padding:10px 20px;border-radius:40px;font-size:14px;font-weight:700}
.dock a.on,.dock a:hover{background:var(--y);color:var(--ink);text-decoration:none}
.hero{max-width:1000px;margin:0 auto;padding:60px 24px 40px;position:relative}
.hero h1{font-size:72px;line-height:1;font-weight:900;letter-spacing:-.04em;max-width:760px}
.hero h1 u{text-decoration:none;background:linear-gradient(transparent 60%,var(--y) 60%)}
.hero p{font-size:20px;color:var(--mute);max-width:540px;margin:24px 0 32px}
.btn{display:inline-block;background:var(--v);color:#fff;padding:15px 32px;border-radius:18px;font-weight:800;box-shadow:5px 5px 0 var(--ink)}
.btn:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.blob{position:absolute;right:-20px;top:30px;width:220px;height:220px;border-radius:50% 40% 60% 45%;background:var(--p);opacity:.9;z-index:-1}
.blob.b2{right:140px;top:170px;width:120px;height:120px;background:var(--y)}
.tiles{max-width:1000px;margin:30px auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tiles div{border-radius:28px;padding:30px;border:3px solid var(--ink)}
.tiles div:nth-child(1){background:#e4dcff}.tiles div:nth-child(2){background:#ffe9a8}.tiles div:nth-child(3){background:#ffd3e6}
.tiles h3{font-size:22px;margin-bottom:8px}.tiles p{font-size:15px;color:#4a4264}
.about{max-width:1000px;margin:50px auto 0;padding:0 24px}
.about div{background:var(--ink);color:#e9e4ff;border-radius:34px;padding:44px}
.about h2{color:var(--y);font-size:30px;margin-bottom:12px}.about a{color:var(--y)}
.doc{max-width:720px;margin:0 auto;padding:40px 24px}
.doc h1{font-size:44px;font-weight:900;letter-spacing:-.03em;margin-bottom:6px}
.doc .upd{color:var(--mute);margin-bottom:28px;font-size:14px}
.doc h2{font-size:21px;margin:28px 0 8px;color:var(--v)}
.doc p,.doc li{margin-bottom:10px;color:#3c3558;font-size:16px}.doc ul{padding-left:22px}
.card{background:#fff;border:3px solid var(--ink);border-radius:24px;padding:24px 28px;margin:20px 0;box-shadow:6px 6px 0 var(--y)}
.end{max-width:1000px;margin:50px auto 0;padding:0 24px;font-size:13.5px;color:var(--mute);text-align:center}
.end a{margin:0 10px;color:var(--mute)}
@media(max-width:760px){.hero h1{font-size:44px}.tiles{grid-template-columns:1fr}.blob{display:none}.dock a{padding:9px 12px;font-size:12.5px}}