*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:DM Sans,sans-serif;line-height:1.6;color:var(--fg);background-color:var(--bg);overflow-x:hidden;transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1)}.dark{--bg: #0a0a0f;--bg-alt: #12121a;--bg-card: #16161f;--fg: #c8cad0;--fg-alt: #eaedf2;--fg-muted: #5a5d6a;--accent: #ff4654;--accent-dim: rgba(255, 70, 84, .08);--accent-glow: rgba(255, 70, 84, .3);--accent-secondary: #ff8a5c;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(255, 70, 84, .1);--grain-opacity: .03;--grid-opacity: .04}.light{--bg: #f5f4f0;--bg-alt: #eae8e3;--bg-card: #ffffff;--fg: #2c2c34;--fg-alt: #1a1a22;--fg-muted: #8a8a96;--accent: #cc2d3a;--accent-dim: rgba(204, 45, 58, .06);--accent-glow: rgba(204, 45, 58, .2);--accent-secondary: #e06840;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--shadow: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glow: 0 0 40px rgba(204, 45, 58, .08);--grain-opacity: .02;--grid-opacity: .06}::selection{background:var(--accent);color:var(--bg)}ul{list-style:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:var(--grid-opacity)}.grid-line{position:absolute;background:var(--fg-muted)}.grid-line--v{width:1px;top:0;bottom:0}.grid-line--h{height:1px;left:0;right:0}.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:transparent;transition:background-color .4s ease,backdrop-filter .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.header--scrolled{background:#0a0a0fcc;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom-color:var(--border)}.light .header--scrolled{background:#f5f4f0d9}.logo{display:flex;align-items:center;gap:.15rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo__bracket{color:var(--accent);transition:transform .3s ease}.logo:hover .logo__bracket:first-child{transform:translate(-3px)}.logo:hover .logo__bracket:last-child{transform:translate(3px)}.logo__text{color:var(--fg-alt)}.nav{display:flex;align-items:center;gap:2rem}.nav__list{display:flex;gap:2.5rem}.nav__link{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:400;letter-spacing:.02em;color:var(--fg-muted);transition:color .3s ease;position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.nav__link:hover{color:var(--accent)}.nav__link:hover:after{width:100%}.nav__link-index{color:var(--accent);margin-right:.4rem;font-size:.75rem}.btn-theme{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-alt);transition:all .3s ease;font-size:1rem;color:var(--fg-muted)}.btn-theme:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow);transform:rotate(15deg)}.nav__hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}.hamburger-line{display:block;width:100%;height:2px;background:var(--fg);border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav__hamburger.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 3rem;max-width:1200px;margin:0 auto}.hero__terminal{position:relative;width:fit-content;max-width:520px;margin-bottom:3rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-alt);overflow:hidden;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);animation:fadeSlideUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.terminal__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff05;border-bottom:1px solid var(--border)}.light .terminal__bar{background:#00000005}.terminal__dot{width:12px;height:12px;border-radius:50%}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__title{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--fg-muted);margin-left:8px}.terminal__body{padding:20px}.terminal__line{font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex;align-items:center;gap:10px}.terminal__prompt{color:var(--accent);font-weight:700}.terminal__command{color:var(--fg-alt)}.terminal__cursor{color:var(--accent);animation:blink 1s steps(1) infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero__content{position:relative;z-index:1}.hero__greeting{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--accent);letter-spacing:.05em;margin-bottom:1rem}.hero__name{font-family:"Instrument Serif",serif;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:400;line-height:1;letter-spacing:-.03em;color:var(--fg-alt);margin-bottom:1rem}.hero__name-first{display:block}.hero__name-last{display:block;color:var(--fg-muted)}.hero__dot{color:var(--accent)}.hero__role{display:flex;align-items:center;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:400;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem}.hero__role-line{width:48px;height:1px;background:var(--accent);flex-shrink:0}.hero__tagline{font-family:DM Sans,sans-serif;font-size:1.15rem;color:var(--fg);line-height:1.8;max-width:480px;font-weight:300}.reveal-text{opacity:0;transform:translateY(30px);animation:fadeSlideUp .9s cubic-bezier(.16,1,.3,1) forwards}.reveal-text[data-delay="1"]{animation-delay:.5s}.reveal-text[data-delay="2"]{animation-delay:.8s}.reveal-text[data-delay="3"]{animation-delay:1.1s}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.hero__scroll-hint{position:absolute;bottom:3rem;right:3rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:0;animation:fadeSlideUp 1s cubic-bezier(.16,1,.3,1) 1.6s forwards}.hero__scroll-text{font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--fg-muted);writing-mode:vertical-rl}.hero__scroll-line{width:1px;height:60px;background:var(--accent);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--bg);animation:scrollLineMove 2s ease-in-out infinite}@keyframes scrollLineMove{0%{top:-100%}50%{top:100%}to{top:100%}}.section-label{display:flex;align-items:center;gap:1.2rem;margin-bottom:4rem}.section-label__number{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent);font-weight:700}.section-label__line{width:60px;height:1px;background:var(--border-hover)}.section-label__text{font-family:JetBrains Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--fg-muted)}.about{padding:6rem 3rem;max-width:1200px;margin:0 auto}.about__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:5rem;align-items:start}.about__heading{font-family:"Instrument Serif",serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--fg-alt);line-height:1.2;margin-bottom:2rem}.link-glow{color:var(--accent);position:relative;transition:all .3s ease}.link-glow:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.link-glow:hover:after{transform:scaleX(1);transform-origin:left}.link-glow:hover{text-shadow:0 0 20px var(--accent-glow)}.about__desc{font-size:1.05rem;color:var(--fg);line-height:1.9;margin-bottom:1.5rem;font-weight:300}.about__stats-col{display:flex;flex-direction:column;gap:1.5rem;padding-top:.5rem}.stat-card{padding:2rem;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translate(8px)}.stat-card__number{font-family:"Instrument Serif",serif;font-size:3.5rem;font-weight:400;color:var(--accent);line-height:1}.stat-card__plus{font-family:"Instrument Serif",serif;font-size:2.5rem;color:var(--accent);line-height:1;margin-right:.5rem}.stat-card__symbol{font-family:JetBrains Mono,monospace;font-size:2rem;color:var(--accent);line-height:1;margin-right:.5rem}.stat-card__label{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.6}.skills{padding:6rem 3rem;max-width:1200px;margin:0 auto}.skills__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.skill-card{padding:2rem 1.5rem;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:var(--shadow),var(--shadow-glow)}.skill-card__icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-dim);margin-bottom:1.2rem;font-size:1.3rem;color:var(--accent);transition:all .3s ease}.skill-card:hover .skill-card__icon-wrap{background:var(--accent);color:var(--bg);transform:scale(1.1)}.skill-card__name{display:block;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;color:var(--fg-alt);margin-bottom:1rem}.skill-card__bar{width:100%;height:3px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:.8rem}.skill-card__bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:3px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.skill-card__level{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal[data-delay="1"]{transition-delay:.1s}.scroll-reveal[data-delay="2"]{transition-delay:.2s}.scroll-reveal[data-delay="3"]{transition-delay:.3s}.scroll-reveal[data-delay="4"]{transition-delay:.15s}.scroll-reveal[data-delay="5"]{transition-delay:.25s}.scroll-reveal[data-delay="6"]{transition-delay:.1s}.scroll-reveal[data-delay="7"]{transition-delay:.2s}.footer{padding:4rem 3rem;text-align:center;max-width:1200px;margin:0 auto}.footer__line{width:60px;height:1px;background:var(--border-hover);margin:0 auto 2rem}.footer__text{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--fg-muted);letter-spacing:.05em}.footer__bracket{color:var(--accent)}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);color:var(--fg-muted);font-size:1rem;z-index:900;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}@media (max-width: 900px){.skills__grid{grid-template-columns:repeat(2,1fr)}.about__grid{grid-template-columns:1fr;gap:3rem}.hero__name{font-size:clamp(3rem,12vw,5rem)}}@media (max-width: 700px){.header{padding:1.2rem 1.5rem}.nav__list{position:fixed;top:0;right:0;width:0;height:100vh;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:var(--bg);overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1);z-index:999}.nav__list.open{width:100%}.nav__list.open .nav__link{font-size:1.3rem}.nav__hamburger{display:flex;z-index:1001}.hero{padding:0 1.5rem}.hero__scroll-hint{display:none}.about,.skills,.footer{padding:4rem 1.5rem}.skills__grid{grid-template-columns:1fr 1fr;gap:1rem}.skill-card{padding:1.5rem 1.2rem}.section-label{margin-bottom:2.5rem}.about__stats-col{flex-direction:row;flex-wrap:wrap;gap:1rem}.stat-card{flex:1 1 calc(50% - .5rem);min-width:140px;padding:1.5rem}.stat-card__number{font-size:2.5rem}}@media (max-width: 420px){.skills__grid{grid-template-columns:1fr}.hero__name{font-size:clamp(2.5rem,14vw,4rem)}.hero__tagline br{display:none}}