html{scroll-behavior:smooth}:root{--bg-body:#f4f1ea;--bg-nav:#d8cbb6;--bg-project-card:#e3d7c2;--color-green:#5b8c46;--color-text:#2b2b2b;--color-text-light:#555}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}header{background-color:var(--bg-nav);padding:1.2rem 2rem;position:relative;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:800;color:var(--color-text);text-decoration:none}nav{display:flex;gap:1.5rem;align-items:center}nav a{color:var(--color-text);text-decoration:none;font-weight:700;font-size:.95rem;padding:.4rem 1.2rem;border-radius:20px}nav a.active,nav a:hover{background-color:var(--color-green);color:#fff}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;z-index:101;flex-direction:column;gap:5px}.menu-toggle .bar{display:block;width:25px;height:3px;background-color:var(--color-text);transition:all .3s ease-in-out;border-radius:2px}.btn{background-color:var(--color-green);color:#fff;padding:.7rem 2rem;border-radius:25px;text-decoration:none;font-weight:700;display:inline-block;border:none;cursor:pointer}.btn-outline{background-color:var(--color-green);padding:.5rem 1.5rem;font-size:.9rem}.btn-small{padding:.4rem 1rem;font-size:.8rem;margin-top:10px}.btn-huge{padding:1.4rem 5rem;font-size:1.6rem;border-radius:40px}main{max-width:1200px;margin:0 auto;padding:2rem}section{margin-bottom:6rem}h1,h2,h3{color:var(--color-text);margin-bottom:2rem}h2{font-size:2.2rem}ul{list-style-type:circle;list-style-position:inside}img{display:flex;justify-content:space-evenly;align-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:45vh}.hero-text{margin:auto}.hero h1{font-size:3rem;line-height:1.1;margin-bottom:0}.hero .desc{font-size:1.5rem;margin:1rem 0}.game-screen{height:300px;border-radius:30px}.about-p{font-size:1.25rem;font-weight:500}.team-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;margin-top:1rem}.circle{width:130px;height:130px;border-radius:50%;border:4px solid var(--color-green);margin:0 auto 1rem;background-color:var(--bg-nav)}.member-card h3{font-size:1.1rem;margin-bottom:.2rem}.member-card p{font-size:.85rem;opacity:.8}.poll-box{background:#fff;padding:1.8rem;border-radius:16px;border:2px solid var(--bg-nav)}.poll-box form{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.projects{background-color:var(--bg-project-card);padding:3.5rem;border-radius:24px}.carousel{display:flex;align-items:center;gap:1.5rem;justify-content:center}.carousel-content{display:flex;align-items:center;justify-content:flex-start;overflow-x:hidden;width:70%;scroll-snap-type:x mandatory}.project-box{display:grid;background:var(--bg-body);border-radius:16px;padding:2.5rem;grid-template-columns:2fr 1fr;gap:2rem;align-items:center;flex:0 0 100%;width:100%;max-width:800px;scroll-snap-align:start}.p-img{background:#c9bca7;height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem}.arrow{background:var(--color-green);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.2rem}.cta{text-align:center;margin:5rem 0}footer{background-color:var(--color-green);padding:4rem 2rem;color:#fff;margin-top:5rem}.footer-cols{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.col h4{margin-bottom:1.2rem;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.col a{display:block;color:#fff;text-decoration:none;margin-bottom:.6rem;font-size:.9rem;opacity:.9}.col a:hover{text-decoration:underline;opacity:1}.project-presentation{width:80%;margin:auto}.single-header{margin-bottom:2rem}.single-header h1{margin-bottom:0}.single-header .date{color:var(--color-text-light)}.single-content h1,h2,h3{margin-top:2rem;margin-bottom:1rem}.back-link{margin-top:2rem;text-align:right}@media(max-width:850px){.hero,.team-layout,.project-box,.footer-cols{grid-template-columns:1fr}.members{grid-template-columns:1fr}.projects{padding:1.5rem}.hero-text{margin:auto}.hero h1{font-size:2.2rem}.game-screen{height:auto;width:min(100%,500px);margin:auto}.project-presentation{width:100%}.members{grid-template-columns:repeat(2,1fr);margin:1rem auto 0}.project-box{padding:1.5rem;gap:1.5rem}.p-img{height:160px;width:100%;object-fit:cover}.carousel{position:relative;padding:0 3rem;gap:0}.carousel-content{width:100%}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.arrow.prev{left:0}.arrow.next{right:0}.menu-toggle{display:flex}nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-nav);padding:1.5rem;gap:1rem;border-bottom:3px solid var(--color-green);box-shadow:0 4px 10px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease-in-out;z-index:99}nav.active{opacity:1;visibility:visible;transform:translateY(0)}nav a{width:100%;text-align:center;padding:.8rem;border-radius:8px}.menu-toggle.active .bar:nth-child(1){transform:translateY(8px)rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}@media(max-width:600px){main{padding:1.2rem}.btn-huge{padding:1rem 2rem;font-size:1.2rem;border-radius:30px;width:100%;max-width:300px}}