:root{--color-red:#e63946;--color-blue:#1d3557;--color-blue-light:#457b9d;--color-yellow:#ffd166;--color-cream:#fdfcf7;--color-notebook-blue:#a8dadc;--color-notebook-rule:#d4e8e9;--color-notebook-margin:#ffb5a7;--color-chalk-slate:#1e1e24;--color-white:#fff;--color-charcoal:#2b2d42;--bg-primary:var(--color-cream);--bg-secondary:var(--color-white);--bg-dark:var(--color-blue);--text-primary:var(--color-charcoal);--text-secondary:var(--color-blue-light);--text-light:var(--color-cream);--accent:var(--color-red);--accent-action:var(--color-yellow);--border:#1d355726;--font-display:"Fredoka", sans-serif;--font-body:"Outfit", sans-serif;--font-writing:"Caveat", cursive;--font-mono:"VT323", monospace;--section-padding:clamp(4rem, 10vw, 8rem);--container-max:1200px;--container-padding:clamp(1.5rem, 5vw, 3rem);--shadow-sm:4px 4px 0px var(--color-blue);--shadow-md:8px 8px 0px var(--color-blue);--shadow-lg:12px 12px 0px var(--color-blue);--shadow-hover:12px 12px 0px var(--color-red);--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.5;overflow-x:hidden}.notebook-ruled{background-color:var(--color-cream);background-image:linear-gradient(var(--color-notebook-margin) 1px, transparent 1px), linear-gradient(90deg, var(--color-notebook-margin) 1px, transparent 1px), linear-gradient(var(--color-notebook-rule) 1px, transparent 1px);background-position:0 0,3rem 0,0 0;background-size:100% 2rem,100% 2rem,100% .5rem;position:relative}.notebook-ruled:before{content:"";z-index:1;background-color:#ff6b6b;width:2px;position:absolute;top:0;bottom:0;left:clamp(3rem,10vw,8rem)}body:after{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-cream);border-left:3px solid var(--color-blue)}::-webkit-scrollbar-thumb{background:var(--color-red);border:3px solid var(--color-blue)}::-webkit-scrollbar-thumb:hover{background:var(--color-yellow)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding:0 var(--container-padding);z-index:2;margin:0 auto;position:relative}.section{padding:var(--section-padding) 0;border-bottom:4px solid var(--color-blue);position:relative;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-blue);font-weight:700}.section-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--color-red);z-index:-1;border-radius:var(--radius-xs);width:100%;height:6px;position:absolute;bottom:-4px;left:0}.doodle-text{font-family:var(--font-writing);color:var(--color-red);font-size:1.5rem;display:inline-block;transform:rotate(-3deg)}.btn{font-family:var(--font-display);text-transform:uppercase;background-color:var(--color-yellow);color:var(--color-blue);border:3px solid var(--color-blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.btn:hover{box-shadow:6px 6px 0px var(--color-blue);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0px var(--color-blue);transform:translate(2px,2px)}.btn-primary{background-color:var(--color-red);color:var(--color-cream)}.btn-primary:hover{background-color:var(--color-red);box-shadow:6px 6px 0px var(--color-yellow)}.polaroid{background-color:var(--color-white);border:3px solid var(--color-blue);box-shadow:var(--shadow-md);padding:1rem 1rem 2.5rem;transition:all .3s;transform:rotate(-1.5deg)}.polaroid:hover{box-shadow:var(--shadow-hover);transform:rotate(1.5deg)scale(1.02)}.polaroid-img-wrapper{aspect-ratio:1;border:3px solid var(--color-blue);margin-bottom:1rem;overflow:hidden}.polaroid-img-wrapper img{object-fit:cover;width:100%;height:100%}.polaroid-caption{font-family:var(--font-writing);text-align:center;color:var(--color-blue);font-size:1.4rem;font-weight:700}.grid-2{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr;align-items:center}}.console-wrapper{border:4px solid var(--color-blue);box-shadow:var(--shadow-lg);background:#ccd0cf;border-radius:12px 12px 60px;width:100%;max-width:320px;margin:0 auto;padding:1.5rem}.console-screen-border{background:var(--color-blue);border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.5rem}.console-screen{font-family:var(--font-mono);color:#0f380f;background:#8bac0f;border:3px solid #306230;border-radius:4px;flex-direction:column;justify-content:space-between;height:140px;padding:.75rem;font-size:1.1rem;display:flex}.crt-container{color:#0f6;font-family:var(--font-mono);background-color:#0c0d10;position:relative;overflow:hidden}.crt-container:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.crt-screen{animation:.15s infinite crt-glow}@keyframes crt-glow{0%{opacity:.99}50%{opacity:1}to{opacity:.99}}