:root{--bg-color: #d35400;--text-primary: #000000;--text-secondary: #000000;--accent-color: #ff3b3b;--panel-bg: #ffffff;--panel-border: 4px solid #000000;--panel-shadow: 8px 8px 0px 0px #000000;--card-bg-1: #c4a882;--card-bg-2: #ffee00;--card-bg-3: #a855f7;--card-border: 4px solid #000000;--font-main: "Inter", system-ui, -apple-system, sans-serif;--border-radius-hero: 32px;--border-radius-lg: 24px;--border-radius-md: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}body.upside-down{transform:rotate(180deg)}#app{position:relative;z-index:1}main{max-width:900px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;gap:5rem}.hero{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:45vh}.floating-logo-container{margin-bottom:2.5rem;display:inline-block;background:#fff;border:var(--panel-border);border-radius:var(--border-radius-hero);box-shadow:var(--panel-shadow);padding:1.5rem;animation:splashFloat 6s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.floating-logo-container:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.floating-logo{width:280px;height:280px;object-fit:cover;display:block;border-radius:var(--border-radius-lg)}@keyframes splashFloat{0%,to{transform:translate(0)}50%{transform:translateY(-15px)}}@keyframes spinBoop{0%{transform:scale(1) rotate(0);border-radius:var(--border-radius-hero)}50%{transform:scale(.6) rotate(180deg);border-radius:50%}to{transform:scale(1) rotate(360deg);border-radius:var(--border-radius-hero)}}.floating-logo-container.spin-boop{animation:spinBoop .6s cubic-bezier(.175,.885,.32,1.275) forwards!important}.floating-logo-container.float-paused{animation-play-state:paused}.floating-logo-container.boop-tilt-1{animation:boop-tilt-1-anim .55s cubic-bezier(.34,1.4,.64,1) forwards!important}@keyframes boop-tilt-1-anim{0%{transform:rotate(0) scale(1) translateY(0)}to{transform:rotate(5deg) scale(1) translateY(0)}}.floating-logo-container.boop-tilt-2{animation:boop-tilt-2-anim .55s cubic-bezier(.34,1.4,.64,1) forwards!important}@keyframes boop-tilt-2-anim{0%{transform:rotate(0) scale(1) translateY(0)}to{transform:rotate(-4deg) scale(1) translateY(0)}}.floating-logo-container.tilt-reset{animation:tilt-reset-anim .6s cubic-bezier(.34,1.2,.64,1) forwards!important}@keyframes tilt-reset-anim{to{transform:rotate(0) scale(1) translateY(0)}}@keyframes logoDance{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-18px) rotate(-6deg) scale(1.06)}40%{transform:translateY(-8px) rotate(5deg) scale(1.03)}60%{transform:translateY(-20px) rotate(-4deg) scale(1.07)}80%{transform:translateY(-6px) rotate(6deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.floating-logo-container.logo-party{animation:logoDance .7s ease-in-out infinite!important;will-change:transform}@keyframes heroDance{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-1.5deg) scale(1.02)}50%{transform:translateY(-4px) rotate(1deg)}75%{transform:translateY(-10px) rotate(-1deg) scale(1.01)}to{transform:translateY(0) rotate(0)}}.hero-content p.hero-party,.section-title.hero-party,.coming-soon.hero-party{animation:heroDance .65s ease-in-out infinite!important;will-change:transform}@keyframes heartBeat{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.5) rotate(-15deg)}40%{transform:scale(1.2) rotate(10deg)}60%{transform:scale(1.6) rotate(-10deg)}80%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}#footer-heart{display:inline-block}#footer-heart.heart-party{animation:heartBeat .5s ease-in-out infinite!important;will-change:transform}@keyframes fullPageSpin{0%{transform:rotate(0) scale(1)}30%{transform:rotate(120deg) scale(.92)}70%{transform:rotate(280deg) scale(.95)}88%{transform:rotate(362deg) scale(1)}94%{transform:rotate(358.5deg) scale(1)}97%{transform:rotate(360.5deg) scale(1)}to{transform:rotate(360deg) scale(1)}}body.spin-page{animation:fullPageSpin 1.4s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center center}@keyframes heartFall{0%{transform:translateY(0) rotate(var(--rot, 0deg)) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(105vh) rotate(calc(var(--rot, 0deg) + 180deg)) scale(.5);opacity:0}}@keyframes rainbowBg{0%{background:#d04e17}25%{background:#3a86ff}50%{background:#8338ec}75%{background:#ff006e}to{background:#d04e17}}@keyframes partyMode{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-5deg) scale(1.05)}50%{transform:translateY(0) rotate(5deg) scale(1)}75%{transform:translateY(-10px) rotate(-3deg) scale(1.02)}to{transform:translateY(0) rotate(0)}}.app-card.party-mode{animation:partyMode .6s infinite!important;will-change:transform}.hero-content h1{font-size:5.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:1rem;color:#fff;line-height:1;display:flex;justify-content:center;flex-wrap:wrap}.hero-content h1 .letter{display:inline-block;text-shadow:4px 4px 0px #000000;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),text-shadow .15s ease,color .2s ease;cursor:pointer;transform-origin:center bottom;position:relative}.hero-content h1 .letter:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.hero-content h1 .letter:hover,.hero-content h1 .letter.letter-hover{transform:translate(-4px,-6px) scale(1.1);text-shadow:8px 10px 0px #000000}@keyframes boop{0%{transform:scale(1) translateY(0);text-shadow:4px 4px 0px #000}50%{transform:scale(1.4) translateY(-10px) rotate(10deg);text-shadow:6px 18px 0px #000}to{transform:scale(1) translateY(0) rotate(0);text-shadow:4px 4px 0px #000}}.hero-content h1 .letter.boop{animation:boop .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:none}@keyframes airFloat{0%{transform:translate(0) rotate(0) scale(1)}60%{transform:translate(var(--air-x),-260px) rotate(var(--air-rot)) scale(1)}to{transform:translate(0) rotate(0) scale(1)}}.hero-content h1 .letter.air-scatter{animation:airFloat 1.6s cubic-bezier(.25,0,.25,1) forwards}.hero-content p{font-size:1.5rem;font-weight:800;max-width:600px;margin:0 auto;line-height:1.5;color:#000;background:var(--panel-bg);border:var(--panel-border);border-radius:var(--border-radius-lg);padding:1.5rem 2rem;box-shadow:var(--panel-shadow)}.projects-section{padding:2rem 0;text-align:center}.section-title{font-size:2.5rem;font-weight:900;margin-bottom:3rem;text-align:center;padding:1rem 2rem;background:var(--card-bg-3);color:#fff;border:var(--panel-border);border-radius:var(--border-radius-md);box-shadow:var(--panel-shadow);display:inline-block;transform:rotate(-2deg)}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;text-align:left;justify-content:center}.app-card{padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--panel-shadow);border:var(--card-border);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#000}.app-card.neutralize{background:var(--card-bg-1)}.app-card.cardvault{background:var(--card-bg-3)}.app-card.colorbolt{background:linear-gradient(to right,#ffc 33.33%,#ffb366 33.33%,#ffb366 66.66%,#e63900 66.66%) 0 0 / 100% 33.34% no-repeat,linear-gradient(to right,#cff 33.33%,#4db8ff 33.33%,#4db8ff 66.66%,#4d4dff 66.66%) 0 50% / 100% 33.33% no-repeat,linear-gradient(to right,#000 33.33%,#bfbfbf 33.33%,#bfbfbf 66.66%,#fff 66.66%) 0 100% / 100% 33.34% no-repeat;padding:0}.card-content{display:flex;flex-direction:column;flex-grow:1}.app-card.colorbolt .inner-content{margin:1.5rem;padding:2rem;background:#fff;border:4px solid #000;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;flex-grow:1}.app-card.zeroviews{background:#2a2a2a;color:#fff}.app-card.zeroviews h3,.app-card.zeroviews p{color:#fff}.app-card.zeroviews h3{border-bottom-color:#fff}.app-card.zeroviews .primary-link{background:#111;color:#fff;border-color:#555;box-shadow:6px 6px #000}.app-card.zeroviews .primary-link:hover{background:#333;box-shadow:8px 8px #000}.app-card:hover{transform:translate(-6px,-6px);box-shadow:14px 14px #000}.app-card h3{font-size:2.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:-1px;text-transform:uppercase;color:#000;border-bottom:4px solid #000;padding-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.app-icon{width:36px;height:36px;stroke:#000;stroke-width:4px}.app-card.zeroviews .app-icon{stroke:#fff}.app-card p{line-height:1.6;font-size:1.25rem;color:#000;font-weight:700;margin-bottom:2.5rem}.app-card p:has(+p.quote){margin-bottom:.5rem}.app-card p.quote{font-size:1.05rem;font-weight:600;font-style:italic;margin-bottom:2.5rem}.app-links{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.primary-link{display:block;background:#000;color:#fff;text-decoration:none;text-align:center;padding:1rem 1.5rem;font-weight:800;font-size:1.2rem;border-radius:var(--border-radius-md);border:var(--card-border);transition:all .2s ease;text-transform:uppercase}.primary-link:hover{background:#fff;color:#000;transform:translate(-4px,-4px);box-shadow:8px 8px #000}.store-links{display:flex;gap:1rem}.store-btn{flex:1;text-align:center;background:#fff;color:#000;font-weight:800;text-transform:uppercase;text-decoration:none;padding:.8rem;border:var(--card-border);border-radius:var(--border-radius-md);font-size:1rem;transition:all .2s ease}.store-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-4px,-4px);box-shadow:8px 8px #000}.coming-soon{text-align:center;padding:3rem 2rem;border:4px dashed #000000;border-radius:var(--border-radius-lg);background:#38bdf8;margin-top:2rem;box-shadow:var(--panel-shadow)}.coming-soon h2{font-size:2.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:-.5px;color:#000;text-transform:uppercase}.coming-soon p{color:#000;font-size:1.3rem;font-weight:800}footer{padding:2rem 2.5rem;border-top:4px solid #000000;color:#000;font-weight:800;margin-top:auto;background:var(--card-bg-2);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{flex:1;text-align:center}#contact-btn{padding:.4rem .9rem;background:salmon;color:#fff;border:3px solid #000;border-radius:8px;font-size:.85rem;font-weight:900;font-family:inherit;cursor:pointer;box-shadow:3px 3px #000;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0}#contact-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}#contact-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}@media(max-width:500px){footer{flex-direction:column;text-align:center}}@media(max-width:768px){main{padding:3rem 1rem;gap:3rem}.hero-content h1{font-size:4rem}.floating-logo{width:220px;height:220px}.project-cards{grid-template-columns:1fr}}