@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";:root{--bg-color: #fffaf0;--grid-line: rgba(255, 42, 42, .08);--accent-red: #ff2a2a;--accent-red-hover: #e60000;--accent-red-dim: rgba(255, 42, 42, .15);--accent-yellow: #ffb800;--text-primary: #3d0c0c;--text-secondary: #8f4646;--card-bg: #ffffff;--card-border: #ffcccc;--font-family: "Fredoka", system-ui, -apple-system, sans-serif;--font-raw: "Permanent Marker", cursive}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.app-layout{position:relative;min-height:100vh}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-size:60px 60px;background-image:linear-gradient(to right,var(--grid-line) 2px,transparent 2px),linear-gradient(to bottom,var(--grid-line) 2px,transparent 2px);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.main-content{position:relative;z-index:2;padding:2rem 5%;max-width:1200px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0;animation:fadeIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.text-red{color:var(--accent-red)}.text-yellow{color:var(--accent-yellow)}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:4rem;border-bottom:2px dashed var(--card-border)}.logo{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);padding:.5rem 1rem;border-radius:20px;border:2px solid var(--accent-red);box-shadow:4px 4px 0 var(--accent-red);transform:rotate(-2deg);transition:transform .2s}.logo:hover{transform:rotate(0) scale(1.05)}.logo-text{font-weight:700;font-size:1.5rem;letter-spacing:.05em}.logo-dots{width:16px;height:16px;background-color:var(--accent-red);border-radius:50%;position:relative}.logo-dots:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;background:#fff;border-radius:50%}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:1.1rem;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);transition:all .2s;padding:.5rem 1rem;border-radius:12px}.nav-links a:hover,.nav-links a.active{color:var(--accent-red);background:var(--accent-red-dim)}.hero-section{text-align:center;margin-bottom:5rem;background:var(--card-bg);padding:4rem 2rem;border-radius:30px;border:3px solid var(--accent-red);box-shadow:8px 8px 0 var(--accent-yellow);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:var(--accent-red-dim);border-radius:50%}.hero-section h1{font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);text-shadow:3px 3px 0px rgba(255,42,42,.1)}.hero-section .subtitle{font-size:1.5rem;color:var(--text-secondary);margin:0;font-weight:500}.about-section{background:var(--card-bg);padding:3rem 2rem;border-radius:24px;border:3px dashed var(--accent-yellow);box-shadow:6px 6px #ffb80033;margin-bottom:4rem;text-align:center}.about-content h2{font-size:2.5rem;color:var(--accent-red);margin-bottom:1rem}.about-content p{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.projects-section{margin-bottom:5rem}.projects-grid{display:flex;flex-direction:column;gap:3rem}.projects-grid>*{width:85%;max-width:800px}.projects-grid>*:nth-child(odd){align-self:flex-start}.projects-grid>*:nth-child(2n){align-self:flex-end}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-radius:24px;background:var(--card-bg);border:3px solid var(--accent-red);box-shadow:6px 6px #ff2a2a33;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-top:4rem;margin-bottom:2rem}.footer-left{display:flex;flex-direction:column;align-items:left;gap:.8rem}.footer-brand-row{display:flex;align-items:center;gap:.5rem}.footer-brand{font-size:1.3rem;font-weight:700;letter-spacing:.04em}.footer-splat{width:28px;height:28px;display:inline-block}.footer-tagline{font-family:var(--font-raw);font-size:1.4rem;color:var(--accent-red);text-transform:uppercase;letter-spacing:.02em}.footer-right{display:flex;gap:1.5rem}.footer-right a{transition:color .2s,transform .2s;color:var(--accent-red)}.footer-right a:hover{color:var(--accent-red-hover);transform:translateY(-4px) scale(1.1)}.footer-copyright{font-size:.9rem;color:var(--text-secondary);opacity:.8}.use-svg-splat .logo-dots,.use-svg-splat .icon-grid{background-color:transparent!important;border-radius:0!important;background-image:url(/assets/KetchupSplat-DWSBdqse.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.use-svg-splat .logo-dots{width:28px;height:28px}.use-svg-splat .icon-grid{width:40px;height:40px}.use-svg-splat .logo-dots:after,.use-svg-splat .icon-grid:after{display:none!important}@media(max-width:768px){.hero-section h1{font-size:2.5rem}.top-nav{flex-direction:column;gap:1.5rem}.projects-grid>*{width:100%;align-self:center!important}.footer{flex-direction:column;gap:1rem;text-align:center}}