.header{position:sticky;top:0;z-index:100;background-color:var(--color-navy-light);border-bottom:2px solid var(--color-green);height:var(--header-height);display:flex;align-items:center}.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.header__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-white)}.header__brand:hover{text-decoration:none;color:var(--color-white)}.header__name{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.header__nav{display:flex;gap:2rem;align-items:center}.header__nav-link{font-size:.95rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s;letter-spacing:.03em}.header__nav-link:hover{color:var(--color-green);text-decoration:none}@media (max-width: 768px){.header__name{font-size:.95rem}.header__nav{gap:1rem}.header__nav-link{font-size:.85rem}}.carousel{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-navy-light);box-shadow:0 8px 32px #0006}.carousel__track{overflow:hidden;width:100%}.carousel__slides{display:flex;width:100%;transition:transform .4s ease;will-change:transform}.carousel__slide{flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}.carousel__image{width:100%;height:auto;max-height:420px;object-fit:contain;background-color:#0d1520;display:block}.carousel__caption{padding:1.25rem 1.5rem;text-align:center;width:100%}.carousel__label{display:inline-block;background-color:var(--color-green);color:var(--color-navy);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;margin-bottom:.5rem}.carousel__caption p{font-size:.95rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.carousel__btn{position:absolute;top:45%;transform:translateY(-50%);background-color:#1a2535cc;color:var(--color-white);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;z-index:2;padding-bottom:2px}.carousel__btn:hover{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-navy)}.carousel__btn--prev{left:.75rem}.carousel__btn--next{right:.75rem}.carousel__dots{display:flex;justify-content:center;gap:.5rem;padding:.75rem 0 1rem}.carousel__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-muted);border:none;cursor:pointer;padding:0;transition:background-color .2s,transform .2s}.carousel__dot--active{background-color:var(--color-green);transform:scale(1.4)}.carousel__dot:hover:not(.carousel__dot--active){background-color:var(--color-white)}@media (max-width: 768px){.carousel__image{max-height:260px}.carousel__btn{width:34px;height:34px;font-size:1.4rem}.carousel__btn--prev{left:.4rem}.carousel__btn--next{right:.4rem}.carousel__caption{padding:1rem}.carousel__caption p{font-size:.88rem}}.game-showcase{background-color:var(--color-navy);padding:5rem 0}.game-showcase__header{text-align:center;margin-bottom:3rem}.game-showcase__title{font-family:var(--font-game);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:var(--color-white);margin-bottom:1rem}.game-showcase__title:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-green);margin:.75rem auto 0;border-radius:2px}.game-showcase__tagline{font-size:1.05rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2rem;line-height:1.7}.game-showcase__play-btn{display:inline-flex;align-items:center;gap:.6rem;background-color:var(--color-green);color:var(--color-navy);font-weight:700;font-size:.95rem;padding:.75rem 1.75rem;border-radius:50px;text-decoration:none;transition:background-color .2s,transform .15s;letter-spacing:.02em}.game-showcase__play-btn:hover{background-color:var(--color-green-dark);color:var(--color-navy);text-decoration:none;transform:translateY(-2px)}.game-showcase__play-icon{flex-shrink:0}.about-me{background-color:var(--color-navy-light);padding:5rem 0}.about-me__heading{font-family:var(--font-game);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:var(--color-white);margin-bottom:2.5rem;text-align:center}.about-me__heading:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-green);margin:.75rem auto 0;border-radius:2px}.about-me__card{display:flex;gap:3rem;align-items:flex-start;background-color:var(--color-navy);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 4px 24px #0000004d}.about-me__avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;border:3px solid var(--color-green);overflow:hidden}.about-me__photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.about-me__name{font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:.25rem}.about-me__role{font-size:.9rem;color:var(--color-green);font-weight:600;letter-spacing:.02em;margin-bottom:1.25rem}.about-me__bio{font-size:.97rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:1rem}.about-me__skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.about-me__skill-badge{background-color:var(--color-navy-light);color:var(--color-green);border:1px solid var(--color-green);font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.25rem .65rem;border-radius:4px;letter-spacing:.02em}@media (max-width: 768px){.about-me__card{flex-direction:column;align-items:center;text-align:center;padding:1.75rem;gap:1.5rem}.about-me__skills{justify-content:center}}.footer{background-color:#0d1520;padding:4rem 0 0;border-top:2px solid var(--color-navy-light)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.footer__col-heading{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--color-green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}.footer__list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer__list li{display:flex;flex-direction:column;gap:.15rem}.footer__label{font-size:.72rem;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.footer__value{font-size:.9rem;color:var(--color-white)}.footer__address{font-style:normal;line-height:1.6}.footer__email{color:var(--color-green);font-size:.9rem;word-break:break-all}.footer__nav-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer__nav-list a{font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.footer__nav-list a:hover{color:var(--color-green)}.footer__bottom{border-top:1px solid var(--color-navy-light);padding:1.5rem 0;display:flex;flex-direction:column;gap:.4rem}.footer__copyright{font-size:.82rem;color:var(--color-text-muted)}.footer__easter-egg{font-size:.78rem;opacity:.5;cursor:default;font-style:italic}.footer__legal-note{font-size:.8rem;color:var(--color-text-muted)}.footer__legal-note a{color:var(--color-text-muted);text-decoration:underline}.footer__legal-note a:hover{color:var(--color-green)}@media (max-width: 768px){.footer__grid{grid-template-columns:1fr;gap:2rem}}main{min-height:calc(100vh - var(--header-height))}:root{--color-navy: #1a2535;--color-navy-light: #243045;--color-green: #3dba5e;--color-green-dark: #2ea04e;--color-white: #f5f5f0;--color-gold: #f5c518;--color-text-muted: #8fa3b8;--font-game: "Nunito", "Segoe UI", Roboto, sans-serif;--font-mono: "Courier New", Courier, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 8px;--radius-lg: 16px;--max-width: 1100px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-navy);color:var(--color-white);line-height:1.6;min-height:100vh}a{color:var(--color-green);text-decoration:none}a:hover{color:var(--color-green-dark);text-decoration:underline}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}section{padding:5rem 0}h1,h2,h3{line-height:1.2}
