:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--font-family: "Arial", sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 4px;--border-color: #dee2e6;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1)}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--light-color);color:var(--dark-color)}.about{background-color:#fff;padding:32px 16px;color:#212529}.about__container{max-width:900px;margin:0 auto;text-align:center}.about__title{font-size:2rem;margin-bottom:16px;color:#ffc107}.about__text{font-size:1.125rem;line-height:1.6;margin-bottom:16px;color:#adb5bd}@media (max-width: 768px){.about{padding:24px 8px}.about__title{font-size:1.75rem}.about__text{font-size:1rem}}.contact{padding:32px 16px;background-color:#fff;text-align:center}.contact__container{max-width:700px;margin:0 auto}.contact__title{font-size:2rem;color:#ffc107;margin-bottom:16px}.contact__text{font-size:1.125rem;color:#adb5bd;margin-bottom:24px}.contact__button{display:inline-flex;align-items:center;gap:.5rem;background-color:#0077b5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.contact__button:hover{background-color:#ffc107}.contact__button__icon{font-size:1.2rem}.experience{background-color:#f8f9fa;padding:32px 16px}.experience__container{max-width:900px;margin:auto}.experience__title{font-size:2rem;margin-bottom:24px;color:#ffc107;text-align:center}.experience__item{margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.experience__item h3{font-size:1.25rem;margin-bottom:4px}.experience__item h3 span{color:#adb5bd;font-weight:400}.experience__item__period{font-size:.95rem;color:#adb5bd}.experience__item__description{margin-top:8px;font-size:1rem;color:#212529}.hero{position:relative;height:95vh;background-image:url(/assets/pokemon-background-CKGjQbgp.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero .hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero .hero__content{position:relative;z-index:2;max-width:800px;padding:0 1rem}.hero .hero__content h1{font-size:2.5rem;margin-bottom:1rem}.hero .hero__content p{font-size:1.2rem;margin-bottom:2rem}.hero .hero__content .cta-button{background-color:#007bff;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.hero .hero__content .cta-button:hover{background-color:#0056b3}.ultra-button{display:flex;flex-direction:column;align-items:center;text-decoration:none;margin-top:2rem;z-index:2;transition:transform .3s ease}.ultra-button img{width:150px;height:auto}.ultra-button span{margin-top:.5rem;font-size:1.1rem;color:#fff;font-weight:700}button{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer}.pikaRun{display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:#fff;padding-left:3rem;padding-right:3rem;margin-top:1rem;border-radius:99px}.header{background-color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000}.header .container{width:90%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}.header .logo{position:relative;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .logo__text{font-size:1.5rem;font-weight:700;color:#333;transition:opacity .3s ease}.header .pokeball{width:40px;height:40px;background:radial-gradient(circle at center,#fff 30%,#fff 30% 60%,#fff 60%);border:3px solid #000;border-radius:50%;position:relative;animation:spin 3s linear infinite}.header .pokeball:before,.header .pokeball:after{content:"";position:absolute;border-radius:50%}.header .pokeball:before{width:14px;height:14px;background:#fff;border:2px solid #000;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.header .pokeball:after{width:100%;height:3px;background:#000;top:50%;left:0;transform:translateY(-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header .nav{display:flex;gap:1.5rem}.header .nav a{text-decoration:none;color:#000;font-weight:500}.header .nav a:hover{color:#ffc107}@media (max-width: 768px){.header .nav{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:none}.header .nav.open{display:flex}}.header .burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.header .burger .line{width:25px;height:3px;background-color:#333;border-radius:2px}@media (max-width: 768px){.header .burger{display:flex}}.music-player{padding-top:1rem;padding-left:1rem;padding-bottom:1rem;text-align:center}.music-player button{border:none;padding:.7rem 1.2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.music-player button:hover{background:#fc0}.footer{background-color:#212529;color:#f8f9fa;padding:20px 0;text-align:center}.footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;flex-wrap:wrap}.footer__text{margin:0;font-size:.9rem}.footer__socials{display:flex;align-items:center}.footer__socials a{color:#f8f9fa;font-size:1.5rem;margin-left:15px;transition:color .3s ease}.footer__socials a:hover{color:#007bff}.footer__language-switcher{display:flex;align-items:center;margin-left:15px}.footer__language-label{margin-right:5px;font-size:.9rem}.footer__language-button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:0 5px;transition:color .3s ease}.footer__language-button:hover{color:#ffc107}.footer__language-button.active{font-weight:700;text-decoration:underline}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa}.layout__main{flex:1}.projects{background-color:#f8f9fa;padding:32px 16px}.projects__container{max-width:1100px;margin:0 auto;text-align:center}.projects__title{font-size:2rem;color:#ffc107;margin-bottom:24px}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.project{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.project:hover{transform:translateY(-5px)}.project__image{width:100%;border-radius:8px;margin-bottom:8px}.project__title{font-size:1.25rem;margin:8px 0;color:#212529}.project__description{font-size:1rem;color:#adb5bd;margin-bottom:8px}.project__link{display:inline-block;padding:.5rem 1rem;background-color:#ffc107;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background-color .2s ease}.project__link:hover{background-color:#ffc107}.techstack{background-color:#fff;padding:32px 16px}.techstack__container{max-width:900px;margin:auto;text-align:center}.techstack__title{font-size:2rem;color:#ffc107;margin-bottom:24px}.techstack__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;list-style:none;padding:0}.techstack__item{background-color:#f8f9fa;padding:8px 16px;border-radius:8px;font-size:1rem;color:#212529;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease}.techstack__item:hover{transform:translateY(-3px)}#root{margin:0 auto}