:root{--primary-dark:#1a1b26;--primary-mid:#24283b;--primary-light:#a9b1d6;--accent-blue:#7aa2f7;--accent-blue-hover:#89b4ff;--accent-light-blue:#a1dff2;--neutral-gray:#565f89;--neutral-light:#c0caf5;--card-bg:#292e42}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-dark);color:var(--primary-light);font-family:Arial,sans-serif;line-height:1.6}header{background-color:var(--primary-mid);color:var(--neutral-light);z-index:1000;border-bottom:2px solid var(--neutral-gray);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.header-left h1{margin-left:50px;font-size:20px}.header-right{position:relative}.nav-list{list-style:none;display:flex}.menu-toggle{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.header-right ul{gap:20px;margin-right:50px;list-style:none;display:flex}.header-right ul li a{color:var(--accent-blue);padding:.5rem;text-decoration:none;transition:color .3s}.header-right ul li a:hover,.header-right ul li a.active{color:var(--accent-blue-hover);border-bottom:2px solid var(--accent-blue-hover)}.intro{background-color:var(--primary-dark);text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.intro-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:-100px;display:flex}.intro h2{color:var(--accent-light-blue);margin-bottom:.5rem;font-size:5rem}.intro p{color:var(--primary-light);margin-bottom:1rem;font-size:1.5rem}.intro-buttons{text-align:center;margin-top:2rem}.intro-buttons .button{background-color:var(--accent-blue);color:var(--primary-dark);border-radius:5px;margin:.5rem;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;transition:background-color .3s;display:inline-block}.intro-buttons .button:hover{background-color:var(--accent-blue-hover)}#filters{text-align:center;padding:1rem}.filter-buttons{justify-content:center;gap:10px;display:flex}.filter-btn{background-color:var(--primary-mid);color:var(--primary-light);border:2px solid var(--accent-blue);cursor:pointer;border-radius:5px;padding:.5rem 1rem;font-size:1rem;transition:all .3s}.filter-btn:hover,.filter-btn.active{background-color:var(--accent-blue);color:var(--primary-dark)}.grid{grid-template-columns:repeat(3,1fr);gap:20px;width:90%;margin:0 auto;padding:2rem;display:grid}.card{background-color:var(--card-bg);border-radius:10px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 5px #1a1b2633}.card-left{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;display:flex}.card-left h3{text-align:center;color:var(--accent-light-blue);margin-bottom:1rem}.card-left img{object-fit:contain;border-radius:10px;width:100%;max-width:100%;height:180px}.card-date{color:var(--neutral-light);text-align:right;margin-bottom:.5rem;font-style:italic}.card-right{flex-direction:column;flex:1;justify-content:space-between;display:flex}.card-right p{text-align:left;margin-bottom:1rem}.card-right ul{text-align:left;margin:.5rem 0 1rem;padding:0;list-style:none}.card-right li{text-align:left;color:var(--primary-light);margin-bottom:.3rem;padding-left:1.2rem;position:relative}.card-right li:before{content:"•";color:var(--accent-blue);font-weight:700;position:absolute;left:0}.details{flex-direction:column;gap:.5rem;margin-bottom:20px;display:flex}.detail-item{align-items:center;gap:.5rem;display:flex}.detail-item i{background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline-block}.icon-team{background-image:url(/icons/group.svg)}.icon-time{background-image:url(/icons/clock.svg)}.icon-user{background-image:url(/icons/user.svg)}.button{background-color:var(--accent-blue);color:var(--primary-dark);text-align:center;border-radius:5px;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .3s;display:inline-block}.button:hover{background-color:var(--accent-blue-hover)}.tags{flex-wrap:wrap;gap:10px;margin-bottom:1rem;display:flex}.tags span{background-color:var(--neutral-gray);color:var(--primary-light);white-space:nowrap;border-radius:5px;padding:5px 10px;font-size:.9rem}h2{color:var(--accent-light-blue);text-align:center;margin-bottom:1rem;font-size:2rem}footer{text-align:center;background-color:var(--primary-mid);color:var(--neutral-light);border-top:2px solid var(--neutral-gray);margin-top:2rem;padding:1rem}#about-me{justify-content:space-between;padding:2rem;display:flex}.about-left{flex:1;padding-right:1rem}.about-left p{color:var(--primary-light);text-align:left;margin-left:5rem;font-size:20px;line-height:2}.about-right{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.about-right img{object-fit:cover;border-radius:50%;width:40%;margin:1rem}.social-icons{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.social-icon img{border-radius:20%;width:40px;height:auto;transition:transform .3s}.social-icon-50 img{border-radius:20%;width:50px;height:auto;transition:transform .3s;animation:3s ease-in-out infinite pulse}.social-icon:hover img{transform:scale(1.1)}.social-icon-50 img:hover{animation:none;transform:scale(1.15)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}#education{padding:2rem}.education-cards{flex-direction:column;gap:1rem;max-width:100%;display:flex}.education-card{background-color:var(--card-bg);border:1px solid var(--neutral-gray);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #1a1b2633}.education-card h3{color:var(--accent-light-blue);margin-top:0}.education-card p{color:var(--primary-light);margin:.5rem 0}.date{color:var(--neutral-light);margin-top:1rem;font-style:italic;display:block}#skills{padding:2rem}.skills-cards{justify-content:space-between;gap:1rem;display:flex}.skills-card{background-color:var(--card-bg);border:1px solid var(--neutral-gray);border-radius:8px;flex:calc(33.333% - 1rem);padding:1rem;box-shadow:0 2px 4px #1a1b2633}.skills-card h3{color:var(--accent-light-blue);margin-top:0}.skills-card ul{margin:0;padding:0;list-style:none}.skills-card li{color:var(--primary-light);align-items:center;margin-bottom:.5rem;display:flex}.skills-card img{width:30px;height:auto;margin-right:.5rem}.sort-container{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}label{color:var(--primary-light);font-size:1.2rem}.sort{border:1px solid var(--neutral-gray);background-color:var(--primary-mid);color:var(--primary-light);cursor:pointer;border-radius:5px;outline:none;padding:.5rem 1rem;font-size:1rem;transition:border-color .3s}.sort:focus{border-color:var(--accent-blue)}.sort:hover{background-color:var(--card-bg)}.featured-projects{text-align:center;max-width:90%;margin:0 auto;padding:2rem}.featured-projects h2{color:var(--accent-light-blue);margin-bottom:1.5rem;font-size:2rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:1rem;display:grid}.project-card{background-color:var(--card-bg);text-align:center;border-radius:10px;padding:1.5rem;transition:transform .3s;box-shadow:0 2px 10px #1a1b2633}.project-card img{border-radius:8px;max-width:100%;margin-bottom:1rem}.project-card h3{color:var(--accent-light-blue);margin-bottom:.5rem;font-size:1.5rem}.project-card p{color:var(--primary-light);margin-bottom:1rem;font-size:1rem}.project-card:hover{transform:scale(1.05)}.latest-news{text-align:center;max-width:90%;margin:0 auto;padding:2rem}.latest-news h2{color:var(--accent-light-blue);margin-bottom:1.5rem;font-size:2rem}.news-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.news-card{background-color:var(--card-bg);text-align:center;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .3s;display:flex;box-shadow:0 2px 10px #1a1b2633}.news-card img{border-radius:8px;max-width:100%;margin-bottom:1rem}.news-card h3{min-height:3rem;color:var(--accent-light-blue);justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.5rem;display:flex}.news-card p{color:var(--primary-light);margin-bottom:1rem;font-size:1rem}.news-card:hover{transform:scale(1.05)}.game{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;height:auto;padding:4rem;display:flex}.game-info{flex-direction:column;flex:1;padding-right:2rem;display:flex}.game-title{width:100%}.game-info .info{margin-top:3rem}.game-images{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;display:flex}.game-images img,.game-images video{border-radius:8px;width:100%;max-width:350px;height:auto}.game-images iframe{aspect-ratio:16/9;width:100%;max-width:350px}.game h2{text-align:left;color:var(--primary-light)}.game p,.game ul{text-align:left;color:var(--primary-light);margin-bottom:1rem;font-size:1rem}.game b{color:var(--accent-blue)}.game li{color:var(--primary-light)}.game-media{text-align:center;margin-top:3rem}.game-links{margin-top:1rem}.game-links a{margin:0 10px}.game-links img{width:40px;height:40px;transition:transform .3s}.game-links a:hover img{transform:scale(1.1)}.divider{background-color:var(--accent-blue);width:10%;height:2px;margin:0 0 2rem}.dots-container{flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:100px;animation:1s ease-in-out infinite fadeInUp;display:flex}.dot{width:20px;height:20px;animation:1.5s ease-in-out infinite dotAnimation}@keyframes dotAnimation{0%{opacity:.1;transform:scale(1)}25%{opacity:1;transform:scale(1.5)}50%{opacity:.1;transform:scale(1)}75%{opacity:1;transform:scale(1.5)}to{opacity:.1;transform:scale(1)}}.dots-container img:first-child{animation-delay:0s}.dots-container img:nth-child(2){animation-delay:.2s}.dots-container img:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-right ul{background-color:var(--primary-mid);z-index:9999;text-align:center;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:none;position:fixed;top:60px;left:0;right:0}.header-right ul.show{display:flex}.header-right ul li{border-bottom:1px solid var(--neutral-gray);width:100%;padding:15px 0}.header-right ul li a{color:var(--accent-blue);width:100%;font-size:18px;text-decoration:none;display:block}.menu-toggle{color:var(--accent-blue);cursor:pointer;z-index:10000;background:0 0;border:none;padding:.2rem .5rem;font-size:28px;display:block}.intro{height:auto;min-height:calc(100vh - 70px);padding:3rem 1rem}.intro-container{width:100%;max-width:400px;margin-top:0}.intro h2{margin-bottom:.8rem;font-size:2.2rem;line-height:1.2}.intro p{margin-bottom:1.5rem;font-size:1.1rem}.intro-buttons{flex-direction:column;gap:12px;width:100%;max-width:280px;margin:0 auto;display:flex}.intro-buttons .button{white-space:nowrap;text-align:center;border-radius:8px;width:100%;margin:0;padding:.9rem 1.5rem;font-size:1rem}.news-grid,.projects-grid,.grid{grid-template-columns:1fr}.news-card h3,.project-card h3{font-size:1.2rem}.news-card p,.project-card p{font-size:.9rem}.news-card .button,.project-card .button{padding:.4rem 1rem;font-size:.9rem}.card{text-align:center;flex-direction:column}.card-right ul,.card-right li{text-align:left}.filter-buttons{flex-direction:column;align-items:center}.filter-btn{width:80%;margin:.3rem 0}.sort-container{margin-top:1rem}.sort{width:100%;max-width:200px;padding:.5rem;font-size:.9rem}#about-me{flex-direction:column}.about-left{margin-bottom:1rem;padding-right:0}.about-left p{margin-left:0;font-size:16px}.skills-cards{flex-direction:column}.game{flex-direction:column;padding:2rem}.game-info{padding-right:0}.game-images img,.game-images video{max-width:100%}.dots-container{display:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}