:root{--bg-color: #eae4d7;--text-color: #020100;--accent-main: #987852;--accent-secondary: #CAA882;--card-bg: rgba(255, 255, 255, .4);--card-border: rgba(152, 120, 82, .3);--radius-bento: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}#app{max-width:1600px;margin:0 auto;padding:2rem;display:grid;gap:1.5rem}.bento-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-bento);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #98785233,0 0 0 1px #98785266;border-color:#98785280}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-main),transparent);opacity:0;transition:opacity .3s ease}.bento-card:hover:before{opacity:1}#app{max-width:1600px;margin:4vh auto;padding:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-areas:"header header header header" "hero hero hero hero" "about about about about" "anchor-games anchor-games anchor-games anchor-games" "jasmin-games jasmin-games dominic-games dominic-games" "jasmin-games jasmin-games dominic-games dominic-games" "devlog devlog devlog devlog" "contact contact contact contact" "footer footer footer footer"}.contact-card{grid-area:contact}.header-card{grid-area:header;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px}.logo-text{font-size:1.5rem;font-weight:700;display:flex;align-items:center;letter-spacing:-.05em;color:var(--text-color)}.lightning{color:var(--accent-main);font-size:1.2rem;margin:0 .1rem}.header-right{display:flex;align-items:center;gap:2.5rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:700;opacity:.7;transition:opacity .2s,color .2s}.nav-links a:hover{opacity:1;color:var(--accent-main);text-shadow:0 0 8px rgba(152,120,82,.3)}.header-socials{display:flex;gap:1rem;align-items:center}.header-socials a{color:var(--text-color);opacity:.6;transition:all .2s;display:flex;align-items:center;justify-content:center}.header-socials a:hover{opacity:1;color:var(--accent-main);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(152,120,82,.5))}.hero-card{grid-area:hero;flex-direction:row;align-items:center;justify-content:space-between;min-height:400px;padding:4rem;overflow:visible;background:radial-gradient(circle at 80% 50%,#fffc,#ffffff1a 60%);border-color:#9878524d}.hero-content{flex:1;max-width:50%;z-index:2}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(to right,#020100,#5a4b3b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.subtitle{font-size:1.2rem;color:var(--accent-main);opacity:.9}.hero-image-container{flex:1;display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%}.teddy-img{max-height:350px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3));position:relative;z-index:2}.jasmin-games-card{grid-area:jasmin-games}.dominic-games-card{grid-area:dominic-games}.devlog-card{grid-area:devlog}.about-card{grid-area:about}.jasmin-games-card h2,.dominic-games-card h2,.devlog-card h2,.about-card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-main)}.placeholder-content{margin-top:1rem}.game-screenshot{width:100%;height:120px;background:#0000000d;border-radius:8px;margin-bottom:1rem;border:1px dashed rgba(0,0,0,.1)}.pixel-list{list-style:none;margin-top:1rem}.pixel-list li{margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;opacity:.9}.pixel-icon{font-size:1.2rem}.footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;opacity:.85;font-size:.9rem}.socials{display:flex;gap:1rem}.socials a{color:var(--text-color);text-decoration:none;transition:opacity .2s}.socials a:hover{opacity:1}@media (max-width: 900px){#app{grid-template-columns:1fr;grid-template-areas:"header" "hero" "jasmin-games" "dominic-games" "devlog" "about" "contact" "footer"}.hero-card{flex-direction:column;padding:2rem;text-align:center}.hero-content{max-width:100%;margin-bottom:2rem}.hero-content h1{font-size:2.5rem}.hero-image-container{justify-content:center}.header-card,.header-right{flex-direction:column;gap:1.5rem}}h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.02em}p{line-height:1.6;opacity:.8}.cookie-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-bento);padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;z-index:9999;box-shadow:0 10px 40px #0000001a;transition:transform .4s ease,opacity .4s ease,bottom .4s ease}.cookie-banner.hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px);bottom:-100%}.cookie-content{flex:1 1 300px}.cookie-content h3{margin-bottom:.5rem;font-size:1.2rem;color:var(--accent-main)}.cookie-content p{font-size:.9rem;margin-bottom:0;opacity:.9}.cookie-buttons{flex:0 0 auto}.btn-cookie{background:var(--accent-main);color:var(--bg-color);border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.btn-cookie:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px)}@media (max-width: 600px){.cookie-banner{flex-direction:column;text-align:center;bottom:1rem;padding:1.5rem}.btn-cookie{width:100%}}