@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--pop-hot-pink: #FF006E;--pop-electric-blue: #00D9FF;--pop-lime: #ADFF00;--pop-yellow: #FFD60A;--pop-purple: #C77DFF;--pop-black: #000000;--pop-white: #FFFFFF;--pop-gray: #F5F5F5;--font-brand: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--border-thick: 4px solid var(--pop-black);--shadow-brutal: 8px 8px 0 var(--pop-black);--shadow-brutal-sm: 4px 4px 0 var(--pop-black);--shadow-brutal-lg: 12px 12px 0 var(--pop-black);--rotate-slight: rotate(-2deg);--rotate-more: rotate(-5deg);--rotate-opposite: rotate(3deg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-brand);background:var(--pop-white);color:var(--pop-black);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);font-weight:900;text-transform:uppercase;line-height:1}.headline-xl{font-size:clamp(3rem,8vw,6rem);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.02em}.headline-lg{font-size:clamp(2rem,6vw,4rem);font-weight:900;text-transform:uppercase}.headline-md{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;text-transform:uppercase}.rotate-slight{display:inline-block;transform:var(--rotate-slight)}.rotate-more{display:inline-block;transform:var(--rotate-more)}.rotate-opposite{display:inline-block;transform:var(--rotate-opposite)}.btn-pop{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-brand);font-size:1.125rem;font-weight:900;text-transform:uppercase;background:var(--pop-hot-pink);color:var(--pop-white);border:var(--border-thick);box-shadow:var(--shadow-brutal);cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.btn-pop:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--pop-black);animation:wiggle .3s ease-in-out}.btn-pop:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--pop-black)}.btn-pop-secondary{background:var(--pop-electric-blue)}.btn-pop-outline{background:var(--pop-white);color:var(--pop-black)}.btn-pop-lime{background:var(--pop-lime);color:var(--pop-black)}.card-pop{background:var(--pop-white);border:var(--border-thick);box-shadow:var(--shadow-brutal);padding:2rem;transition:all .2s ease;position:relative;overflow:hidden}.card-pop:hover{transform:rotate(-1deg) translateY(-4px);box-shadow:var(--shadow-brutal-lg)}.card-pop-pink{background:var(--pop-hot-pink);color:var(--pop-white)}.card-pop-blue{background:var(--pop-electric-blue);color:var(--pop-black)}.card-pop-lime{background:var(--pop-lime);color:var(--pop-black)}.card-pop-yellow{background:var(--pop-yellow);color:var(--pop-black)}.card-pop-purple{background:var(--pop-purple);color:var(--pop-white)}.badge-size{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--pop-lime);color:var(--pop-black);border:2px solid var(--pop-black);font-family:var(--font-mono);font-size:.875rem;font-weight:700;box-shadow:var(--shadow-brutal-sm)}.badge-new{background:var(--pop-hot-pink);color:var(--pop-white);animation:pulse 2s infinite}.code-block{background:var(--pop-black);color:var(--pop-lime);padding:1.5rem;border:var(--border-thick);box-shadow:var(--shadow-brutal);font-family:var(--font-mono);font-size:1rem;line-height:1.5;overflow-x:auto}.code-inline{background:var(--pop-black);color:var(--pop-lime);padding:.125rem .5rem;border:2px solid var(--pop-black);font-family:var(--font-mono);font-size:.875rem}.logo-spin{display:inline-block;animation:spin 20s linear infinite;font-weight:900;text-transform:lowercase}.logo-circle{width:40px;height:40px;background:var(--pop-hot-pink);border:var(--border-thick);border-radius:50%;display:inline-block;margin-right:.5rem;animation:spin 20s linear infinite;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);position:relative;cursor:pointer}.logo-circle:hover{animation:pop .4s cubic-bezier(.68,-.55,.265,1.55),spin 20s linear infinite;background:var(--pop-electric-blue);transform:scale(1.1);box-shadow:0 0 0 8px #00d9ff33,0 0 20px #00d9ff66}.logo-circle:active{transform:scale(.95)}.strike-bs{position:relative;text-decoration:none}.strike-bs:after{content:"";position:absolute;left:-5%;top:50%;width:110%;height:4px;background:var(--pop-hot-pink);transform:rotate(-5deg)}.highlight{background:linear-gradient(180deg,transparent 60%,var(--pop-yellow) 60%);padding:0 .25rem}.highlight-pink{background:linear-gradient(180deg,transparent 60%,var(--pop-hot-pink) 60%)}.highlight-blue{background:linear-gradient(180deg,transparent 60%,var(--pop-electric-blue) 60%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop-in{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pop{0%{transform:scale(1);background:var(--pop-hot-pink)}20%{transform:scale(1.3);background:var(--pop-electric-blue)}40%{transform:scale(.9);background:var(--pop-lime)}60%{transform:scale(1.2);background:var(--pop-yellow)}80%{transform:scale(1.05);background:var(--pop-purple)}to{transform:scale(1);background:var(--pop-hot-pink)}}.animate-pop-in{animation:pop-in .5s cubic-bezier(.68,-.55,.265,1.55)}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-wiggle:hover{animation:wiggle .3s ease-in-out}.comparison-table{width:100%;border:var(--border-thick);background:var(--pop-white);box-shadow:var(--shadow-brutal)}.comparison-table th{background:var(--pop-black);color:var(--pop-white);padding:1rem;font-weight:900;text-transform:uppercase;border-bottom:var(--border-thick)}.comparison-table td{padding:1rem;border-bottom:2px solid var(--pop-black);font-weight:600}.comparison-table tr:hover{background:var(--pop-gray)}.section-loud{padding:4rem 0;position:relative}.section-loud:nth-child(odd){background:var(--pop-white)}.section-loud:nth-child(2n){background:var(--pop-gray)}.container-pop{max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid-pop{display:grid;gap:2rem}.grid-pop-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-pop-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-pop-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.headline-xl{font-size:3rem}.headline-lg{font-size:2rem}.grid-pop-2,.grid-pop-3,.grid-pop-4{grid-template-columns:1fr}.btn-pop{width:100%;justify-content:center}}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.gap-2{gap:1rem}.gap-4{gap:2rem}