:root{--bg1:#041a1f;--bg2:#06262c;--bg3:#021317;--c1:#00e5ff;--c2:#00ffd5;--c3:#2ff3e0;--blue:#1e6bff;--vio:#7a3cff;--mag:#ff2bd6;--mag2:#ff4fd8;--grn:#02a95c}
html{background:#021317}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e9fffd;font:20px/1.5 "Patrick Hand",cursive;background:linear-gradient(135deg,var(--bg2),var(--bg1) 50%,var(--bg3));background-attachment:fixed;overflow-x:hidden;position:relative}
#stickers{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.stk{position:absolute;font:20px/1.05 "Permanent Marker";color:#0b2a3a;padding:6px 14px;border-radius:6px;opacity:.35;box-shadow:2px 3px 0 rgba(0,0,0,.35)}.stk.y{background:#f2dc3c}.stk.p{background:#ff5f8a}.stk i{font-style:normal;font-size:.8em}
header,main,footer{position:relative;z-index:1}header{text-align:center;padding:26px 14px 6px}
.logo{display:inline-flex;align-items:center;gap:2px;font:clamp(44px,9vw,104px)/1 "Permanent Marker";color:var(--blue);text-decoration:none;text-shadow:3px 4px 0 #0b1b5a,0 0 24px rgba(30,107,255,.5)}.ico{height:.8em;width:auto}.bf{height:.75em;filter:drop-shadow(0 0 10px rgba(255,43,214,.7))}.dg{height:.95em}
nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0}nav a{color:var(--c3);text-decoration:none;border:1px solid rgba(47,243,224,.5);border-radius:40px;padding:4px 14px;background:rgba(2,19,23,.6)}nav a.on,nav a:hover{background:var(--c3);color:var(--bg3);box-shadow:0 0 14px var(--c3)}
.grad{font:clamp(40px,7vw,78px)/1.05 "Permanent Marker";margin:.2em 0;background:linear-gradient(90deg,var(--c1),var(--blue),var(--vio),var(--mag),var(--c2),var(--c1));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s linear infinite}
@keyframes sh{to{background-position:300% 0}}
.hero{text-align:center;max-width:820px;margin:0 auto;padding:10px 18px}.lead{font-size:26px;color:var(--c2)}
.bubble{position:relative;background:rgba(6,38,44,.85);border:2px solid var(--c3);border-radius:28px;padding:16px 22px;box-shadow:0 0 18px rgba(47,243,224,.35);margin:18px auto;max-width:640px}.bubble:after{content:"";position:absolute;bottom:-14px;left:44px;border:12px solid transparent;border-top-color:var(--c3);border-bottom:0}.bubble.small{font-size:18px}
.pill{font:24px "Permanent Marker";color:#fff;border:0;border-radius:40px;padding:12px 34px;cursor:pointer;background:linear-gradient(90deg,var(--blue),var(--vio),var(--mag),var(--blue));background-size:300%;animation:sh 6s linear infinite;box-shadow:0 0 22px rgba(122,60,255,.6)}.pill.green{background:var(--grn);animation:none;box-shadow:0 0 22px rgba(2,169,92,.7)}
.links,.cards{display:grid;gap:22px;max-width:1100px;margin:26px auto;padding:0 18px}.links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.panel{background:rgba(2,19,23,.78);border:1px solid var(--c3);border-radius:22px;box-shadow:0 0 16px rgba(47,243,224,.3);backdrop-filter:blur(3px)}.lk{display:block;text-align:center;padding:26px;font:26px "Permanent Marker";color:var(--c1);text-decoration:none}.lk:hover{box-shadow:0 0 30px var(--mag)}
.tcard{position:relative;border-radius:26px;padding:18px;background:rgba(6,38,44,.9);border:2px solid var(--c1);box-shadow:0 0 24px rgba(0,229,255,.45)}.tcard:nth-child(2){border-color:var(--mag2);box-shadow:0 0 24px rgba(255,79,216,.45)}.tcard:nth-child(3){border-color:var(--vio);box-shadow:0 0 24px rgba(122,60,255,.5)}
.tcard h3{font:30px "Permanent Marker";margin:.3em 0 0;color:#fff}.sub{color:var(--c2);margin:0}.samp{background:var(--mag);color:#fff;font-size:14px;padding:1px 10px;border-radius:10px;text-transform:uppercase}
.fig{height:150px;margin:12px auto;width:120px;position:relative}.fig:before{content:"";position:absolute;left:30px;top:0;width:60px;height:60px;border-radius:50%;background:#f0c9a0}.fig:after{content:"";position:absolute;left:15px;top:66px;width:90px;height:84px;border-radius:40px 40px 10px 10px;background:var(--blue)}.f0{background:linear-gradient(#111,#111) 30px 18px/60px 16px no-repeat}.f1:after{background:var(--mag)}.f2{filter:blur(5px);opacity:.75}.f2:before,.f2:after{background:#7fb3b8}
.es-form{max-width:620px;margin:18px auto 40px;padding:24px;display:grid;gap:14px}.es-form input,.es-form textarea{font:inherit;color:#e9fffd;background:rgba(2,19,23,.9);border:1px solid rgba(47,243,224,.6);border-radius:14px;padding:12px 16px}.es-form textarea{resize:vertical}.chk{display:flex;gap:10px;align-items:center}.chk input{width:22px;height:22px}.hp{display:none}.ok{font:26px "Permanent Marker";color:var(--c2);text-align:center;margin:0}
.ph{background:#f2dc3c;color:#222;border-radius:6px;padding:0 6px;font-size:.85em}
footer{text-align:center;padding:30px;font-size:16px;opacity:.75}footer a{color:var(--c3)}
@media(max-width:600px){body{font-size:18px}.stk{font-size:15px}}