@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--blue:#60a5fa;--blue-dark:#3b82f6;--pink:#f472b6;--teal:#2dd4bf;--warm-bg:#f5f0eb;--warm-bg-light:#faf7f4;--text-primary:#1e1b4b;--text-secondary:#4c1d95;--text-muted:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--warm-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Fredoka,sans-serif}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:.6rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.nav-logo img{width:36px;height:36px}.nav-logo span{color:var(--text-primary);font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);letter-spacing:.02em;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--purple)}.page{grid-template-columns:45% 55%;min-height:100vh;padding-top:56px;display:grid;overflow:hidden}.page-left{z-index:1;position:relative;overflow:visible}.scene-container{align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.parallax-layer{will-change:transform;transition:transform .15s ease-out}.layer-character{z-index:2;width:110%;max-width:650px;margin-left:-5%;position:relative}.layer-character img{width:100%;height:auto;display:block}.layer-monitor{z-index:0;width:75%;max-width:380px;position:absolute;top:15%;right:-50%}.layer-monitor img{filter:drop-shadow(0 8px 20px #0000001f);width:100%;height:auto}.page-right{z-index:2;flex-direction:column;padding:1rem 2rem .5rem 1rem;display:flex;position:relative;overflow-y:auto}.hero-text{margin-bottom:.8rem;padding-top:.5rem}.hero-text h1{color:var(--text-primary);margin-bottom:.4rem;font-size:2.2rem;line-height:1.1}.hero-text h1 .accent{background:linear-gradient(135deg,var(--purple),var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--text-muted);max-width:340px;margin-bottom:.8rem;font-size:.9rem;line-height:1.4}.hero-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34d399,#60a5fa);border:none;border-radius:50px;align-items:center;gap:.4rem;padding:.7rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #34d3994d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #34d39966}.creations-section{flex:1}.creations-title{color:var(--text-primary);text-align:center;margin-bottom:.6rem;font-size:1rem;font-weight:600}.games-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.8rem;display:grid}.game-card{cursor:pointer;background:#fff;border-radius:14px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.game-card-image{aspect-ratio:4/3;object-fit:cover;width:100%}.game-card-body{padding:.5rem .7rem}.game-card-body h3{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem}.game-card-body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.game-card-btn{color:#fff;border-radius:6px;padding:.25rem .7rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.game-card-btn:hover{opacity:.85}.game-card-btn.purple{background:var(--purple)}.game-card-btn.teal{background:var(--teal)}.game-card-btn.blue{background:var(--blue-dark)}.meet-bar{border-top:1px solid #0000000f;align-items:center;gap:.8rem;padding:.8rem 0;display:flex}.meet-avatar{object-fit:cover;object-position:top;border:2px solid var(--purple);border-radius:50%;flex-shrink:0;width:40px;height:40px}.meet-bar p{color:var(--text-primary);font-size:.8rem;font-weight:600}.meet-bar span{color:var(--purple)}.footer{background:#fff;border-top:1px solid #0000000f;grid-column:1/-1;justify-content:space-between;align-items:center;padding:.6rem 2rem;display:flex}.footer-social{gap:1rem;list-style:none;display:flex}.footer-social a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-social a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.75rem}.particle{pointer-events:none;z-index:5;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.particle:first-child{background:#c4a0e8;width:8px;height:8px;animation-delay:0s;top:20%;left:60%}.particle:nth-child(2){background:var(--pink);width:6px;height:6px;animation-delay:1.5s;top:40%;left:80%}.particle:nth-child(3){background:var(--blue);width:10px;height:10px;animation-delay:3s;top:30%;left:70%}@keyframes float{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(-15px)}}@media (max-width:900px){.page{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.page-left{height:50vh;min-height:300px}.layer-character{width:70%;margin-left:5%}.layer-monitor{width:50%;top:10%;right:-5%}.page-right{padding:1.5rem}.hero-text h1{font-size:2rem}.games-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem}}@media (max-width:600px){.nav-links{display:none}.games-grid{grid-template-columns:1fr;max-width:300px}.hero-text h1{font-size:1.8rem}}