: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}#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}.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)}}.hero-content h1{font-size:5.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:1rem;color:#fff;line-height:1;text-shadow:4px 4px 0px #000000}.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}.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:nth-child(1){background:var(--card-bg-1)}.app-card:nth-child(2){background:var(--card-bg-2)}.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}.app-card p{line-height:1.6;font-size:1.25rem;color:#000;font-weight:700;margin-bottom:2.5rem;flex-grow:1}.app-links{display:flex;flex-direction:column;gap:1rem}.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{text-align:center;padding:2.5rem;border-top:4px solid #000000;color:#000;font-weight:800;margin-top:auto;background:var(--card-bg-2)}@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}}