:root{--ink:#0b0320;--cream:#f6efd9;--hot-pink:#ff2a92;--acid:#c8ff00;--tangerine:#ff7a1a;--violet:#7a2bff;--cyan:#2af0ff;--sun:#ffd447;--font-display:"Times New Roman", "Didot", serif;--font-body:"Helvetica Neue", "Inter", system-ui, sans-serif;--font-mono:"Courier New", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}body{background:radial-gradient(1200px 800px at 10% -10%,#7a2bff8c,#0000 60%),radial-gradient(900px 700px at 110% 10%,#ff2a9273,#0000 60%),radial-gradient(800px 600px at 50% 120%,#2af0ff4d,#0000 60%),linear-gradient(#0b0320 0%,#1a063d 40%,#0b0320 100%);min-height:100vh;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.grain{pointer-events:none;z-index:1;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.blobs{z-index:0;pointer-events:none;filter:blur(80px);opacity:.7;position:fixed;inset:0}.blob{mix-blend-mode:screen;border-radius:50%;width:520px;height:520px;position:absolute}.blob-a{background:radial-gradient(circle, var(--hot-pink), transparent 60%);animation:22s ease-in-out infinite alternate drift;top:-120px;left:-80px}.blob-b{background:radial-gradient(circle, var(--violet), transparent 60%);animation:28s ease-in-out infinite alternate-reverse drift;bottom:-180px;right:-120px}.blob-c{background:radial-gradient(circle, var(--cyan), transparent 60%);animation:34s ease-in-out infinite alternate drift;top:40%;left:50%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(120px,-80px)scale(1.15)}}.page{z-index:2;max-width:1360px;margin:0 auto;padding:32px 28px 120px;position:relative}.topbar{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);opacity:.8;justify-content:space-between;align-items:center;margin-bottom:80px;font-size:12px;display:flex}.topbar .dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 12px var(--acid);vertical-align:middle;border-radius:50%;margin-right:8px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.hero{padding:40px 0 80px;position:relative}.hero .eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--acid);margin-bottom:18px;font-size:13px}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cream);text-shadow:4px 4px #ff2a9299,-4px -2px #2af0ff73;font-size:clamp(64px,11vw,180px);font-style:italic;font-weight:400;line-height:.88}.hero h1 .w-keep{display:inline-block;transform:rotate(-3deg)}.hero h1 .w-yoga{color:var(--sun);display:inline-block;transform:translateY(14px)rotate(1.5deg)}.hero h1 .w-weird{font-style:normal;font-family:var(--font-body);text-transform:uppercase;color:var(--hot-pink);letter-spacing:-.01em;text-shadow:0 0 28px #ff2a92b3, 3px 3px 0 var(--violet);font-weight:900;display:inline-block;transform:rotate(-1deg)}.hero .tagline{max-width:620px;color:var(--cream);opacity:.92;margin-top:28px;font-size:20px;line-height:1.5}.hero .tagline strong{color:var(--acid);font-weight:600}.hero .marquee{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;border-top:1px dashed #f6efd959;border-bottom:1px dashed #f6efd959;margin-top:48px;padding:14px 0;font-size:14px;overflow:hidden}.hero .marquee span{padding-right:40px;animation:40s linear infinite scroll;display:inline-block}.hero .marquee .sep{color:var(--hot-pink)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{align-items:baseline;gap:18px;margin-top:40px;margin-bottom:40px;display:flex}.section-title h2{font-family:var(--font-display);color:var(--cream);font-size:clamp(40px,6vw,80px);font-style:italic;font-weight:400}.section-title .ticker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--acid);border:1px solid var(--acid);border-radius:999px;padding:4px 10px;font-size:12px}.grid{grid-template-columns:repeat(12,1fr);gap:28px;display:grid}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b03208c;border:1px solid #f6efd92e;border-radius:18px;flex-direction:column;grid-column:span 4;gap:16px;padding:22px;transition:transform .4s,border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--acid);transform:translateY(-6px)rotate(-.4deg);box-shadow:0 30px 80px -30px #c8ff0059}.card:before{content:"";background:linear-gradient(90deg, var(--hot-pink), var(--sun), var(--acid), var(--cyan), var(--violet));background-size:300% 100%;height:3px;animation:12s linear infinite shift;position:absolute;top:0;left:0;right:0}@keyframes shift{0%{background-position:0 0}to{background-position:300% 0}}.card .image-frame{aspect-ratio:1;background:#000;border-radius:14px;position:relative;overflow:hidden}.card .image-frame img{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;transition:transform .6s,filter .6s}.card:hover .image-frame img{filter:saturate(1.3)contrast(1.1)hue-rotate(6deg);transform:scale(1.05)}.card .tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--acid);border:1px solid var(--acid);background:0 0;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:10px}.card h3{font-family:var(--font-display);color:var(--cream);font-size:clamp(26px,2.4vw,34px);font-style:italic;font-weight:400;line-height:1.02}.card .number{font-family:var(--font-mono);letter-spacing:.2em;color:var(--hot-pink);text-transform:uppercase;font-size:11px}.card p{color:#f6efd9db;font-size:15px;line-height:1.55}.light-side{font-family:var(--font-display);color:#fffceb;letter-spacing:.01em;text-shadow:0 0 4px #fffff0e6,0 0 14px #ffd447b3,0 0 28px #ffd44759;padding:0 2px;font-style:italic;font-weight:500}.dark-side{font-family:var(--font-display);color:#050007;letter-spacing:.02em;text-shadow:0 0 3px #fffffff2,0 0 8px #fffc,0 0 18px #ffffff8c,0 0 32px #c8b4ff66;padding:0 4px;font-style:italic;font-weight:900;display:inline-block;transform:rotate(-.8deg)}.card .cta{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sun);border:1px solid var(--sun);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-top:auto;padding:10px 16px;font-size:12px;transition:background .3s,color .3s,transform .3s;display:inline-flex}.card .cta:hover{background:var(--sun);color:var(--ink);transform:rotate(-1.5deg)translateY(-2px)}.card.kali{transform:rotate(-.6deg)}.card.medusana{transform:rotate(.4deg)}.card.disaster{transform:rotate(.5deg)}.card.anger{transform:rotate(-.5deg)}.card.blind{transform:rotate(.3deg)}.card.fire{transform:rotate(-.4deg)}.card.kali h3{color:#ffb3e1}.card.medusana h3{color:#b6ffb0}.card.disaster h3{color:var(--acid)}.card.anger h3{color:var(--tangerine)}.card.blind h3{color:var(--cyan)}.card.fire h3{color:var(--sun)}.footer{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#f6efd9b3;border-top:1px dashed #f6efd94d;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:100px;padding-top:32px;font-size:12px;display:flex}.footer .brand{color:var(--hot-pink)}.footer .rotate{animation:12s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.card{grid-column:span 6}}@media (max-width:680px){.card{grid-column:span 12}.hero{padding-top:20px}.topbar{margin-bottom:40px}}
