:root{--navy:#0E1726;--ink:#11131C;--coral:#FF6B5E;--pink:#E9A6B5;--cream:#F3EDE2;--neon:#FF4F8B}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{font-family:"DM Sans",system-ui,sans-serif;color:var(--cream);background:var(--navy);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--coral)}
img{display:block;max-width:100%}
h1,h2,.display{font-family:"Monoton","Bungee",cursive;font-weight:400}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px 56px}
.art{width:100%;max-width:1200px;margin:28px auto 0;border:3px solid var(--cream);border-radius:6px;overflow:hidden;aspect-ratio:1360/480;background:var(--ink)}
.art img{width:100%;height:100%;object-fit:cover}
.logo{width:120px;height:120px;border-radius:50%;border:4px solid var(--cream);margin-top:-60px;position:relative;background:var(--navy)}
.hero h1{font-size:clamp(46px,9vw,96px);letter-spacing:.04em;color:var(--cream);margin-top:14px;line-height:1.05}
.tag{font-size:clamp(17px,2.2vw,21px);color:var(--pink);max-width:560px;margin:10px auto 0}
.btn{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:var(--coral);color:var(--ink);font-weight:700;font-size:18px;text-decoration:none;padding:15px 30px;border-radius:6px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--cream);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--cream)}
.btn:focus-visible{outline:3px solid var(--neon);outline-offset:4px}
.chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;max-width:760px}
.chips li{border:2px solid var(--pink);color:var(--cream);padding:6px 14px;border-radius:999px;font-size:15px}
.chips li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--neon);margin-right:8px;vertical-align:middle}
.stripes{height:18px;background:repeating-linear-gradient(to bottom,var(--coral) 0 4px,transparent 4px 8px);width:120px;margin:0 auto}
.waves{display:block;width:100%;height:44px}
footer{background:var(--ink);text-align:center;padding:26px 20px 34px;font-size:14px;color:#b9b2a8}
footer nav{display:flex;justify-content:center;gap:22px;margin-bottom:10px;font-weight:700}
footer nav a{color:var(--cream);text-decoration:none;border-bottom:2px solid var(--coral)}
footer nav a:hover{color:var(--coral)}
footer p{max-width:640px;margin:6px auto 0}
.doc{flex:1;width:100%;max-width:760px;margin:0 auto;padding:36px 22px 64px}
.home{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream);font-family:"Bungee",cursive;font-size:20px}
.home img{width:48px;height:48px;border-radius:50%;border:3px solid var(--cream)}
.doc h1{font-size:clamp(36px,7vw,60px);margin:34px 0 4px;color:var(--cream);line-height:1.1}
.doc .eff{color:var(--pink);margin-bottom:24px}
.doc h2{font-family:"Bungee",cursive;font-size:20px;color:var(--coral);margin:34px 0 8px}
.doc p,.doc li{color:#e4ddd1;font-size:17px}
.doc ul{padding-left:22px;margin:8px 0}
.doc li{margin:5px 0}
.doc p+p{margin-top:10px}
.note{border-left:4px solid var(--coral);padding:10px 16px;background:#13203a;margin:18px 0;border-radius:0 6px 6px 0}
@media (max-width:600px){.art{margin-top:0;border-width:0 0 3px;border-radius:0;aspect-ratio:680/300}.logo{width:96px;height:96px;margin-top:-48px}.chips li{font-size:14px}}