:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a24;--color-bg-glass: rgba(18, 18, 26, .7);--color-bg-glass-light: rgba(255, 255, 255, .03);--color-primary: #e50914;--color-primary-glow: rgba(229, 9, 20, .4);--color-secondary: #00ff41;--color-secondary-glow: rgba(0, 255, 65, .3);--color-accent: #00d4ff;--color-accent-glow: rgba(0, 212, 255, .3);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-muted: rgba(255, 255, 255, .3);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, #ff4532 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, #39ff14 100%);--gradient-glow: radial-gradient(ellipse at center, var(--color-primary-glow) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 40% 20%, hsla(0, 95%, 46%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 50%, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(120, 100%, 50%, .08) 0px, transparent 50%);--font-primary: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--font-size-7xl: 6rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px var(--color-primary-glow);--shadow-glow-green: 0 0 40px var(--color-secondary-glow);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}::selection{background:var(--color-primary);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-5xl) 0;position:relative}.glass{background:var(--color-bg-glass);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--color-border)}.glass:hover{border-color:var(--color-border-hover)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-green{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-red{box-shadow:var(--shadow-glow)}.glow-green{box-shadow:var(--shadow-glow-green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:var(--color-primary)}51%,to{border-color:transparent}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ff2d2d}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--font-size-7xl: 4rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}@media(max-width:480px){:root{--font-size-5xl: 2rem;--font-size-6xl: 2.5rem;--font-size-7xl: 3rem}}.matrix-rain{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.pill-choice{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#0a0a0f;z-index:9999;overflow:hidden}.pill-choice__bg-image{position:absolute;inset:0;background-image:url(/images/pill-cover.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:0}@media(max-width:768px){.pill-choice__bg-image{background-size:300%;background-position:center 30%}}.pill-choice__buttons{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:28vw;padding-bottom:22vh;z-index:10;animation:fadeIn 1s ease .5s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pill-button{position:relative;padding:.85rem 2.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;letter-spacing:.5px;min-width:130px}.pill-button__glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.pill-button--red{background:#8b3a3a;border:2px solid #6B2A2A;color:#fff;box-shadow:0 4px 12px #8b3a3a4d,inset 0 1px #ffffff1a}.pill-button--red:hover{transform:scale(1.05);background:#9b4a4a;box-shadow:0 8px 25px #8b3a3a80,inset 0 1px #ffffff26}.pill-button--blue{background:#3a5a8b;border:2px solid #2A4A6B;color:#fff;box-shadow:0 4px 12px #3a5a8b4d,inset 0 1px #ffffff1a}.pill-button--blue:hover{transform:scale(1.05);background:#4a6a9b;box-shadow:0 8px 25px #3a5a8b80,inset 0 1px #ffffff26}.pill-button__text{display:block;font-size:1rem;font-weight:500}.pill-button:disabled{pointer-events:none}.pill-choice--chosen{animation:zoomFade 2s ease-in-out forwards}@keyframes zoomFade{0%{opacity:1;filter:blur(0)}50%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(20px)}}.pill-choice__loading{position:fixed;bottom:10vh;left:50%;transform:translate(-50%);z-index:20;animation:fadeIn .5s ease forwards}.pill-choice__loading-text{font-family:var(--font-mono);font-size:.875rem;color:#e50914;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:625px){.pill-choice__buttons{padding:0 .5rem;padding-bottom:35%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-lg) 0;transition:all var(--duration-normal) ease}.navbar--scrolled{padding:var(--space-md) 0;background:var(--color-bg-glass);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-bottom:1px solid var(--color-border)}.navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-lg);transition:opacity var(--duration-fast) ease}.navbar__logo:hover{opacity:.8}.navbar__logo-symbol{font-family:var(--font-mono);color:var(--color-primary);font-size:var(--font-size-xl)}.navbar__logo-text{color:var(--color-text-primary)}.navbar__links{display:flex;align-items:center;gap:var(--space-xl)}.navbar__link{position:relative;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast) ease;padding:var(--space-sm) 0}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--duration-normal) var(--ease-out-expo)}.navbar__link:hover{color:var(--color-text-primary)}.navbar__link:hover:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:var(--space-lg)}.navbar__social{display:flex;align-items:center;gap:var(--space-md)}.navbar__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--duration-fast) ease}.navbar__social-link:hover{color:var(--color-primary);background:var(--color-bg-glass-light)}.navbar__pill-reset{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-glass);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast) ease}.navbar__pill-reset:hover{border-color:var(--color-border-hover);transform:scale(1.1)}.navbar__pill-indicator{width:12px;height:12px;border-radius:var(--radius-full);transition:all var(--duration-fast) ease}.navbar__pill-indicator--red{background:linear-gradient(135deg,#e50914,#ff4532);box-shadow:0 0 10px #e5091480}.navbar__pill-indicator--blue{background:linear-gradient(135deg,#1a365d,#5b9bd5);box-shadow:0 0 10px #5b9bd580}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer}.navbar__hamburger span{display:block;width:100%;height:2px;background:var(--color-text-primary);transition:all var(--duration-normal) ease;transform-origin:center}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translateY(5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.navbar__mobile-overlay,.navbar__mobile-menu{display:none}@media(max-width:768px){.navbar__links,.navbar__social{display:none}.navbar__hamburger{display:flex}.navbar__mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--duration-normal) ease;z-index:998}.navbar__mobile-overlay--open{opacity:1;visibility:visible}.navbar__mobile-menu{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;background:var(--color-bg-secondary);padding:var(--space-4xl) var(--space-xl);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out-expo);z-index:999}.navbar__mobile-menu--open{transform:translate(0)}.navbar__mobile-links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.navbar__mobile-link{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);opacity:0;transform:translate(20px);transition:all var(--duration-normal) ease}.navbar__mobile-menu--open .navbar__mobile-link{opacity:1;transform:translate(0);animation:slideInRight .5s var(--ease-out-expo) both}.navbar__mobile-link-number{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary)}.navbar__mobile-social{display:flex;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.navbar__mobile-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--duration-fast) ease}.navbar__mobile-social-link:hover{color:var(--color-primary)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero__bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0}.hero__gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.hero__gradient-orb--1{width:600px;height:600px;background:var(--color-primary-glow);top:-20%;right:-10%;animation-delay:0s}.hero__gradient-orb--2{width:400px;height:400px;background:var(--color-accent-glow);bottom:-10%;left:-5%;animation-delay:-5s}.hero__gradient-orb--3{width:300px;height:300px;background:var(--color-secondary-glow);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero__container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero__content{animation:fadeInUp 1s var(--ease-out-expo) forwards}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-xl);animation:fadeIn .5s ease .2s both}.hero__badge-dot{width:8px;height:8px;background:#00ff41;border-radius:50%;animation:pulse 2s ease infinite}.hero__badge-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero__title{margin-bottom:var(--space-lg)}.hero__greeting{display:block;font-size:var(--font-size-2xl);font-weight:400;color:var(--color-text-secondary);margin-bottom:var(--space-sm);animation:fadeIn .5s ease .3s both}.hero__name{position:relative;display:inline-block}.hero__name-text{font-size:clamp(2.5rem,6vw,var(--font-size-7xl));font-weight:700;line-height:1.1;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .5s ease .4s both}.hero__name-highlight{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full);transform:scaleX(0);transform-origin:left;animation:scaleIn .8s var(--ease-out-expo) .8s forwards}@keyframes scaleIn{to{transform:scaleX(1)}}.hero__role{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xl);animation:fadeIn .5s ease .5s both}.hero__role-prefix{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.hero__role-text{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--color-primary);min-height:1.5em}.hero__cursor{animation:blink 1s step-end infinite}.hero__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;max-width:520px;margin-bottom:var(--space-2xl);animation:fadeIn .5s ease .6s both}.hero__cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);animation:fadeIn .5s ease .7s both}.hero__btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;transition:all var(--duration-normal) var(--ease-out-expo)}.hero__btn--primary{background:var(--gradient-primary);color:#fff;border:none}.hero__btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--color-primary-glow)}.hero__btn--primary .hero__btn-icon{transition:transform var(--duration-normal) ease}.hero__btn--primary:hover .hero__btn-icon{transform:translate(4px)}.hero__btn--secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.hero__btn--secondary:hover{border-color:var(--color-primary);background:var(--color-bg-glass)}.hero__stats{display:flex;align-items:center;gap:var(--space-xl);animation:fadeIn .5s ease .8s both}.hero__stat{text-align:center}.hero__stat-number{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:var(--space-xs)}.hero__stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero__stat-divider{width:1px;height:40px;background:var(--color-border)}.hero__visual{animation:slideInRight 1s var(--ease-out-expo) .3s both}.hero__code-window{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--duration-slow) var(--ease-out-expo)}.hero__code-window:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.hero__code-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.hero__code-dots{display:flex;gap:var(--space-sm)}.hero__code-dot{width:12px;height:12px;border-radius:50%}.hero__code-dot--red{background:#ff5f56}.hero__code-dot--yellow{background:#ffbd2e}.hero__code-dot--green{background:#27ca40}.hero__code-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero__code-body{padding:var(--space-lg)}.hero__code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.8;color:var(--color-text-secondary);margin:0;white-space:pre}.code-keyword{color:#c678dd}.code-variable{color:#e5c07b}.code-property{color:#e06c75}.code-string{color:#98c379}.code-method{color:#61afef}.hero__scroll-indicator{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:fadeIn 1s ease 1.5s both}.hero__scroll-text{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.hero__scroll-line{width:2px;height:40px;background:var(--color-border);border-radius:var(--radius-full);position:relative;overflow:hidden}.hero__scroll-dot{position:absolute;top:0;left:0;width:100%;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{top:0;opacity:0}30%{opacity:1}60%{opacity:1}to{top:100%;opacity:0}}@media(max-width:1024px){.hero__container{grid-template-columns:1fr;text-align:center}.hero__content{max-width:600px;margin:0 auto}.hero__badge,.hero__role{justify-content:center}.hero__description{margin-left:auto;margin-right:auto}.hero__cta,.hero__stats{justify-content:center}.hero__visual{display:none}}@media(max-width:640px){.hero__stats{flex-direction:column;gap:var(--space-lg)}.hero__stat-divider{width:40px;height:1px}.hero__cta{flex-direction:column;width:100%}.hero__btn{width:100%;justify-content:center}}.about{background:var(--color-bg-secondary);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.about__header{text-align:center;margin-bottom:var(--space-4xl);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-expo)}.about--visible .about__header{opacity:1;transform:translateY(0)}.about__label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:#e509141a;border-radius:var(--radius-full);border:1px solid rgba(229,9,20,.2)}.about__title{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;line-height:1.2}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.about__content{opacity:0;transform:translate(-30px);transition:all var(--duration-slow) var(--ease-out-expo) .2s}.about--visible .about__content{opacity:1;transform:translate(0)}.about__text{margin-bottom:var(--space-2xl)}.about__text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.about__text p:last-child{margin-bottom:0}.about__text strong{color:var(--color-text-primary);font-weight:600}.about__highlight{color:var(--color-primary);font-weight:500}.about__quick-facts{padding:var(--space-xl);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.about__facts-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.about__facts-list{display:flex;flex-direction:column;gap:var(--space-md)}.about__facts-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);padding-left:var(--space-sm)}.about__visual{opacity:0;transform:translate(30px);transition:all var(--duration-slow) var(--ease-out-expo) .4s}.about--visible .about__visual{opacity:1;transform:translate(0)}.about__card-stack{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.about__card{padding:var(--space-xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-expo)}.about__card:hover{transform:translate(10px);border-color:var(--color-primary);box-shadow:-10px 0 30px var(--color-primary-glow)}.about__card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.about__card h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.about__card p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.about__matrix-quote{padding:var(--space-xl);background:linear-gradient(135deg,#e509141a,#0003);border:1px solid rgba(229,9,20,.2);border-radius:var(--radius-lg);text-align:center}.about__matrix-quote blockquote{font-size:var(--font-size-2xl);font-weight:600;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.about__matrix-quote cite{display:block;font-size:var(--font-size-sm);color:var(--color-primary);font-style:normal}.about__matrix-note{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:1024px){.about__grid{grid-template-columns:1fr;gap:var(--space-3xl)}}@media(max-width:640px){.about__card:hover{transform:translateY(-5px)}}.projects{background:var(--color-bg-secondary);position:relative}.projects__header{text-align:center;margin-bottom:var(--space-3xl);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-expo)}.projects--visible .projects__header{opacity:1;transform:translateY(0)}.projects__label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:#e509141a;border-radius:var(--radius-full);border:1px solid rgba(229,9,20,.2)}.projects__title{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;margin-bottom:var(--space-md)}.projects__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.projects__filters{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-3xl);opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo) .1s}.projects--visible .projects__filters{opacity:1;transform:translateY(0)}.projects__filter{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--duration-fast) ease}.projects__filter:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.projects__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.project-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;opacity:0;transform:translateY(30px);transition:all var(--duration-normal) var(--ease-out-expo)}.projects--visible .project-card{opacity:1;transform:translateY(0);animation:fadeInUp .6s var(--ease-out-expo) both}.project-card:hover{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 20px 40px #0000004d}.project-card--featured{border-color:#e509144d}.project-card__image{position:relative;height:200px;overflow:hidden}.project-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) ease}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center}.project-card__number{font-family:var(--font-mono);font-size:clamp(4rem,10vw,6rem);font-weight:700;color:#e5091426}.project-card__overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-normal) ease}.project-card:hover .project-card__overlay{opacity:1}.project-card__links{display:flex;gap:var(--space-lg)}.project-card__link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--duration-fast) ease}.project-card__link:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.project-card__content{padding:var(--space-xl)}.project-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.project-card__badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#e5091426;border:1px solid rgba(229,9,20,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.project-card__company{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#2563eb26;border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:#2563eb}.project-card__year{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary)}.project-card__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.project-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-card__tech-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.projects__cta{text-align:center;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo) .5s}.projects--visible .projects__cta{opacity:1;transform:translateY(0)}.projects__more-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);transition:all var(--duration-normal) ease}.projects__more-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px)}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}.projects__filters{flex-wrap:wrap}}.skills{position:relative;overflow:hidden}.skills__header{text-align:center;margin-bottom:var(--space-4xl);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-expo)}.skills--visible .skills__header{opacity:1;transform:translateY(0)}.skills__label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:#e509141a;border-radius:var(--radius-full);border:1px solid rgba(229,9,20,.2)}.skills__title{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;margin-bottom:var(--space-md)}.skills__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto}.skills__tabs{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo) .1s}.skills--visible .skills__tabs{opacity:1;transform:translateY(0)}.skills__tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all var(--duration-normal) var(--ease-out-expo)}.skills__tab:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.skills__tab--active{background:var(--gradient-primary);border-color:transparent;color:#fff}.skills__tab-icon{font-size:var(--font-size-lg)}.skills__content{opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo) .2s}.skills--visible .skills__content{opacity:1;transform:translateY(0)}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:900px;margin:0 auto}.skills__item{animation:fadeInUp .5s var(--ease-out-expo) both}.skills__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.skills__item-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.skills__item-level{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.skills__bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skills__bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s var(--ease-out-expo) .3s}.skills__additional{margin-top:var(--space-4xl);text-align:center;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo) .4s}.skills--visible .skills__additional{opacity:1;transform:translateY(0)}.skills__additional-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-xl);color:var(--color-text-secondary)}.skills__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.skills__tag{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:all var(--duration-fast) ease}.skills__tag:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.skills__grid{grid-template-columns:1fr}.skills__tabs{gap:var(--space-sm)}.skills__tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.skills__tab-text{display:none}.skills__tab-icon{font-size:var(--font-size-xl)}}.contact{position:relative;overflow:hidden}.contact__bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at bottom,var(--color-primary-glow) 0%,transparent 60%);opacity:.3;pointer-events:none}.contact__header{text-align:center;margin-bottom:var(--space-4xl);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-expo)}.contact--visible .contact__header{opacity:1;transform:translateY(0)}.contact__label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:#e509141a;border-radius:var(--radius-full);border:1px solid rgba(229,9,20,.2)}.contact__title{font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;margin-bottom:var(--space-md)}.contact__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.contact__content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl);align-items:start}.contact__info{opacity:0;transform:translate(-30px);transition:all var(--duration-slow) var(--ease-out-expo) .2s}.contact--visible .contact__info{opacity:1;transform:translate(0)}.contact__info-header{margin-bottom:var(--space-2xl)}.contact__info-header h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.contact__info-header p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.contact__info-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.contact__info-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) ease}.contact__info-item:hover{border-color:var(--color-primary);transform:translate(10px)}.contact__info-icon{font-size:var(--font-size-2xl)}.contact__info-content{display:flex;flex-direction:column}.contact__info-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.contact__info-value{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.contact__matrix-cta{padding:var(--space-lg);background:linear-gradient(135deg,rgba(229,9,20,.1) 0%,transparent 100%);border:1px solid rgba(229,9,20,.2);border-radius:var(--radius-lg);text-align:center}.contact__matrix-cta p{font-size:var(--font-size-base);font-style:italic;color:var(--color-text-secondary)}.contact__matrix-note{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-sm);font-style:normal}.contact__form{padding:var(--space-2xl);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);opacity:0;transform:translate(30px);transition:all var(--duration-slow) var(--ease-out-expo) .3s}.contact--visible .contact__form{opacity:1;transform:translate(0)}.contact__form-group{margin-bottom:var(--space-xl)}.contact__form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.contact__form-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--duration-fast) ease}.contact__form-input::placeholder{color:var(--color-text-muted)}.contact__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.contact__form-textarea{resize:vertical;min-height:120px}.contact__form-submit{display:inline-flex;align-items:center;gap:var(--space-sm);width:100%;justify-content:center;padding:var(--space-md) var(--space-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-normal) ease}.contact__form-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--color-primary-glow)}.contact__form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact__form-submit-icon{transition:transform var(--duration-normal) ease}.contact__form-submit:hover .contact__form-submit-icon{transform:translate(5px)}@media(max-width:1024px){.contact__content{grid-template-columns:1fr;gap:var(--space-3xl)}.contact__info{order:2}.contact__form{order:1}}@media(max-width:640px){.contact__form{padding:var(--space-xl)}.contact__info-item:hover{transform:translate(5px)}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-4xl) 0 var(--space-2xl)}.footer__container{display:flex;flex-direction:column;gap:var(--space-2xl)}.footer__top{display:flex;justify-content:space-between;gap:var(--space-4xl)}.footer__brand{max-width:300px}.footer__logo{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.footer__logo-symbol{font-family:var(--font-mono);color:var(--color-primary);font-size:var(--font-size-xl)}.footer__logo-text{color:var(--color-text-primary)}.footer__tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.6}.footer__links{display:flex;gap:var(--space-4xl)}.footer__link-group{display:flex;flex-direction:column;gap:var(--space-md)}.footer__link-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__nav a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--duration-fast) ease}.footer__nav a:hover{color:var(--color-primary)}.footer__social{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__social-link{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--duration-fast) ease}.footer__social-link:hover{color:var(--color-primary)}.footer__divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md)}.footer__copyright,.footer__credit{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer__heart{color:var(--color-primary)}.footer__coffee{color:#ffbd2e}.footer__matrix-quote{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.footer__top{flex-direction:column;gap:var(--space-2xl)}.footer__links{flex-direction:row;gap:var(--space-3xl)}.footer__bottom{flex-direction:column;text-align:center;gap:var(--space-sm)}}@media(max-width:480px){.footer__links{flex-direction:column;gap:var(--space-2xl)}.footer__social{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.footer__social-link span{display:none}.footer__social-link{width:36px;height:36px;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}}.app{position:relative;min-height:100vh}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.theme-dark{--color-bg-primary: #0a0a0f;--color-bg-secondary: rgba(18, 18, 26, .85);--color-bg-tertiary: rgba(26, 26, 36, .9);--color-bg-glass: rgba(18, 18, 26, .8);--color-text-primary: #ffffff}.theme-light{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-glass: rgba(255, 255, 255, .95);--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .2);--color-primary: #2563eb;--color-primary-glow: rgba(37, 99, 235, .2);--color-secondary: #16a34a;--color-accent: #0ea5e9}.theme-light .hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.theme-light .hero__gradient-orb--1{background:#2563eb26}.theme-light .hero__gradient-orb--2{background:#0ea5e91f}.theme-light .hero__gradient-orb--3{background:#16a34a1a}.theme-light .hero__code-window{background:#fff;border-color:#e2e8f0}.theme-light .hero__code-header{background:#f8fafc;border-color:#e2e8f0}.theme-light .hero__code-body,.theme-light .about{background:#fff}.theme-light .skills{background:#f8fafc}.theme-light .projects{background:#fff}.theme-light .contact{background:#f8fafc}.theme-light .footer{background:#fff;border-top-color:#e2e8f0}.theme-light .navbar--scrolled{background:#fffffff2;border-bottom-color:#e2e8f0}.theme-light .project-card{background:#fff;border-color:#e2e8f0}.theme-light .project-card__placeholder{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.theme-light .project-card__number{color:#2563eb26}.theme-light .skills__tab{background:#fff;border-color:#e2e8f0}.theme-light .skills__bar{background:#e2e8f0}.theme-light .about__card{background:#fff;border-color:#e2e8f0}.theme-light .about__quick-facts{background:#f8fafc;border-color:#e2e8f0}.theme-light .contact__form{background:#fff;border-color:#e2e8f0}.theme-light .contact__form-input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.theme-light .contact__info-item{background:#fff;border-color:#e2e8f0}.theme-light .gradient-text{background:linear-gradient(135deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-light .skills__title,.theme-light .projects__title,.theme-light .about__title,.theme-light .contact__title{color:var(--color-text-primary)}main{position:relative;z-index:10}.navbar{z-index:1000!important}footer{position:relative;z-index:10}.theme-dark:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#0000 0px 1px,#00000005 1px 2px);pointer-events:none;z-index:9998}.theme-dark .section{background-color:#12121abf}.theme-dark .about,.theme-dark .projects{background-color:#12121ad9}.theme-dark .skills{background-color:#0a0a0fcc}