@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.snake-game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeInOverlay .3s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.snake-game-container{background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;text-align:center;position:relative;transform:scale(.9);animation:scaleInModal .3s ease-out forwards}@keyframes scaleInModal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#aaa;transition:color .2s ease}.close-button:hover{color:#333}.game-board{display:grid;border:2px solid #ccc;margin:20px auto;background-color:#f0f0f0}.snake-segment{background-color:#2ecc71;border-radius:2px}.food{background-color:#e74c3c;border-radius:50%}.game-info{margin-top:15px}.game-info p{font-weight:700;margin-bottom:10px}.game-over{color:#e74c3c}.game-over button{margin-top:10px;padding:8px 15px;cursor:pointer;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-weight:700;transition:background-color .2s ease}.game-over button:hover{background-color:#2980b9}.app-container{display:flex;flex-direction:column;min-height:100vh}section{padding:60px 0;width:100%}.container{max-width:1100px;margin:0 auto;padding:0 20px}#about,#projects,#contact{background-color:var(--color-background)}#skills,#experience{background-color:#e2e8f0}h2{font-size:2.5rem;margin-bottom:30px;color:var(--color-text-primary);text-align:center}h3{font-size:1.5rem;color:var(--color-text-primary);font-weight:600;margin-bottom:15px}.site-header{background-color:var(--color-background);padding:15px 0;border-bottom:1px solid var(--color-card-border);position:sticky;top:0;z-index:100;width:100%}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;border:2px solid var(--color-text-primary);padding:5px 10px}.main-nav ul{display:flex;list-style:none}.main-nav li{margin-left:25px}.main-nav a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;position:relative;padding-bottom:5px}.main-nav a:hover{color:var(--color-primary-accent)}.main-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-primary-accent);transition:width .3s ease-out}.main-nav a:hover:after{width:100%}.contact-button{display:inline-block;padding:8px 20px;border:1px solid var(--color-text-primary);border-radius:4px;color:var(--color-text-primary);font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease}.contact-button:hover{background-color:var(--color-text-primary);color:var(--color-background)}.hero-section{background-color:var(--color-background);padding:80px 0;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.profile-picture{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:30px;border:5px solid var(--color-primary-accent)}.hero-content .intro-text{max-width:650px;margin:0 auto}.hero-content .intro-text p{font-size:1.5rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:15px}.hero-content .intro-text .name-highlight{color:var(--color-primary-accent);font-weight:600}.hero-content .identities{margin-top:20px;font-size:1.1rem;color:var(--color-text-secondary);font-weight:400}.hero-content .identities .separator{margin:0 10px;color:var(--color-card-border)}#skills .skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}#skills .skill-item{background-color:var(--color-background);padding:15px 20px;border-radius:6px;border:1px solid var(--color-card-border);border-left:4px solid var(--color-primary-accent);font-size:.95rem;color:var(--color-text-secondary);transition:transform .2s ease,box-shadow .2s ease}#skills .skill-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000000d}#projects .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;align-items:start}.project-card{background-color:var(--color-background);border:1px solid var(--color-card-border);border-radius:8px;padding:25px;display:flex;align-items:flex-start;gap:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000014}.project-icon-container{flex-shrink:0}.project-icon{width:60px;height:60px;display:block}.project-text-content{flex-grow:1}.project-text-content h3{margin-bottom:8px;margin-top:0;line-height:1.3}.project-description{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-in;margin-top:5px}.project-card:hover .project-description{max-height:150px;opacity:1}.project-description p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}#experience .experience-item{background-color:var(--color-background);padding:25px;border-radius:6px;border-left:4px solid var(--color-primary-accent);margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}#experience .experience-item h3{margin-bottom:5px}#experience .experience-item p em{color:var(--color-text-secondary);font-style:normal;display:block;margin-bottom:10px}#experience .experience-item p{color:var(--color-text-secondary);line-height:1.7}#contact .container{max-width:700px;text-align:center}#contact p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:25px}#contact a{display:inline-block;margin:0 10px}footer{background-color:var(--color-secondary-background);color:#a0aec0;text-align:center;padding:30px 0;margin-top:auto;width:100%}footer p{font-size:.9rem}.easter-egg-hint.app-level-hint{font-size:.85rem;color:var(--color-text-secondary);text-align:center;padding:20px 0;margin:0 auto;width:90%;max-width:700px;opacity:.8;background-color:var(--color-background)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-background: #f7fafc;--color-primary-accent: #38b2ac;--color-secondary-background: #1a202c;--color-card-border: #e2e8f0;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}#root{margin:0 auto;text-align:inherit;width:100%}a{font-weight:500;color:var(--color-primary-accent);text-decoration:inherit;transition:color .2s ease}a:hover{color:#2d9a94}body{margin:0;min-width:320px;min-height:100vh;display:block}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;padding:0;margin:0;border:none;background:none;cursor:pointer}