@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--color-primary:#e61616;--color-primary-dark:#ff3b3b;--color-secondary:#ff6868;--color-background:#1a0f0f;--color-surface:#2e1a1a;--color-surface-alt:#3e1616;--color-border:#4a2a2a;--color-text:#f0e2e2;--color-text-muted:#a88;--color-text-inverted:#1a0f0f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #ff636359;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea{font:inherit}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.section{padding-block:var(--space-24)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-16)}.highlight{color:var(--color-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.navbar{z-index:100;height:var(--navbar-height);transition:background-color var(--transition-base), box-shadow var(--transition-base);background-color:#0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background-color:#1a0f0fe6}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.navbar__logo{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:-.03em;transition:opacity var(--transition-fast)}.navbar__logo:hover{opacity:.8}.navbar__list{align-items:center;gap:var(--space-8);display:flex}.navbar__link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:color var(--transition-fast);padding-bottom:var(--space-1);position:relative}.navbar__link:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.navbar__link:hover,.navbar__link--active{color:var(--color-text)}.navbar__link--active:after,.navbar__link:hover:after{width:100%}.navbar__lang-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);min-width:48px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text);transition:border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0a;padding:.35rem .65rem}.navbar__lang-btn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.navbar__hamburger{flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;display:none}.navbar__hamburger span{background-color:var(--color-text);border-radius:var(--radius-full);height:2px;transition:transform var(--transition-base), opacity var(--transition-base);transform-origin:50%;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=640px){.navbar__lang-btn{margin-left:auto}.navbar__hamburger{display:flex}.navbar__nav{top:var(--navbar-height);width:100%;height:calc(100vh - var(--navbar-height));background-color:var(--color-background);transition:transform var(--transition-slow);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;transform:translate(100%)}.navbar__nav--open{pointer-events:auto;transform:translate(0)}.navbar__list{gap:var(--space-10);flex-direction:column}.navbar__link{font-size:var(--text-xl)}}.hero{min-height:100vh;padding-top:var(--navbar-height);background:radial-gradient(80% 60% at 50% 0,#ff63631f,#0000);align-items:center;display:flex}.hero__content{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.hero__greeting{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-primary)}.hero__name{font-size:clamp(var(--text-4xl), 8vw, 5rem);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.1}.hero__title{font-size:clamp(var(--text-xl), 3vw, var(--text-3xl));font-weight:var(--font-medium);color:var(--color-text-muted)}.hero__description{max-width:540px;font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7}.btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.btn--outline{border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary);color:#fff}.hero__actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero__scroll-hint{margin-top:var(--space-16);border:2px solid var(--color-border);border-radius:var(--radius-full);justify-content:center;width:24px;height:40px;padding-top:6px;display:flex}.hero__scroll-hint span{background-color:var(--color-primary);border-radius:var(--radius-full);width:4px;height:8px;animation:1.6s ease-in-out infinite scroll-bounce;display:block}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.about__grid{gap:var(--space-12);grid-template-columns:auto 1fr;align-items:start;display:grid}.about__avatar-wrapper{justify-content:center;display:flex}.about__avatar{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:200px;height:200px;font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;box-shadow:var(--shadow-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.about__text{gap:var(--space-5);flex-direction:column;display:flex}.about__text p{color:var(--color-text-muted);line-height:1.8}.about__details{gap:var(--space-3);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.about__detail-item{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.about__detail-label{font-weight:var(--font-semibold);color:var(--color-text);min-width:100px}.about__badge{padding:var(--space-1) var(--space-3);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background-color:#ff636326;display:inline-block}.about__resume-btn{align-self:flex-start}@media (width<=768px){.about__grid{text-align:center;grid-template-columns:1fr;justify-items:center}.about__detail-item{justify-content:center}.about__resume-btn{align-self:center}}.skill-bar{gap:var(--space-2);flex-direction:column;display:flex}.skill-bar__header{font-size:var(--text-sm);justify-content:space-between;display:flex}.skill-bar__name{font-weight:var(--font-medium)}.skill-bar__level{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.skill-bar__track{background-color:var(--color-surface-alt);border-radius:var(--radius-full);height:6px;overflow:hidden}.skill-bar__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-full);width:0;height:100%;animation:grow-bar 1s var(--transition-slow) forwards}@keyframes grow-bar{to{width:var(--target-width)}}.skills{background-color:var(--color-surface-alt)}.skills__grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.skills__group{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.skills__group-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.skills__bars{gap:var(--space-5);flex-direction:column;display:flex}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-4);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:relative}.project-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.project-card--featured{border-color:#ff636366}.project-card__badge{top:var(--space-5);right:var(--space-5);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);color:var(--color-primary);border-radius:var(--radius-full);background-color:#ff636326;position:absolute}.project-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.project-card__description{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.7}.project-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-card__tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted)}.project-card__links{gap:var(--space-4);margin-top:var(--space-2);display:flex}.project-card__link{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);padding-bottom:2px;position:relative}.project-card__link:after{content:"";background-color:var(--color-primary);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.project-card__link:hover:after{width:100%}.project-card__link--ghost{color:var(--color-text-muted)}.project-card__link--ghost:after{background-color:var(--color-text-muted)}.projects__tabs{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.projects__tab{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background:0 0;padding:.45rem .9rem}.projects__tab:hover{color:var(--color-text);border-color:var(--color-primary)}.projects__tab--active{color:var(--color-background);border-color:var(--color-primary);background-color:var(--color-primary)}.projects__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.contact{background-color:var(--color-surface-alt)}.contact__inner{max-width:900px}.contact__layout{gap:var(--space-12);grid-template-columns:1fr 1.4fr;align-items:start;display:grid}.contact__info h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.contact__info p{color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.8}.contact__channels{gap:var(--space-4);flex-direction:column;display:flex}.contact__channels li{gap:var(--space-1);flex-direction:column;display:flex}.contact__channel-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.contact__channel-link{font-size:var(--text-sm);color:var(--color-primary);transition:opacity var(--transition-fast)}.contact__channel-link:hover{opacity:.75}.contact__form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.form-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);resize:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff636333}.form-textarea{resize:vertical;min-height:120px}.contact__disclaimer{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-top:var(--space-2)}.contact__submit{align-self:flex-start}.contact__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact__feedback{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.contact__feedback--success{color:#4ade80;background-color:#22c55e1a;border:1px solid #22c55e4d}.contact__feedback--error{color:#f87171;background-color:#ef44441a;border:1px solid #ef44444d}@media (width<=768px){.contact__layout{grid-template-columns:1fr}.contact__submit{align-self:stretch}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding-block:var(--space-12)}.footer__inner{gap:var(--space-8);flex-direction:column;display:flex}.footer__top{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer__logo{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.footer__nav{gap:var(--space-6);flex-wrap:wrap;display:flex}.footer__nav-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__nav-link:hover{color:var(--color-text)}.footer__social{gap:var(--space-4);display:flex}.footer__social-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:color var(--transition-fast), border-color var(--transition-fast)}.footer__social-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.footer__bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer__bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=640px){.footer__top{text-align:center;flex-direction:column;align-items:center}.footer__nav,.footer__social{justify-content:center}}