.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-6) var(--space-8);transition:all var(--transition-medium)}.navbar--scrolled{background:#f8f6f1e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-8);box-shadow:var(--shadow-sm)}.navbar__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;color:var(--color-text);transition:color var(--transition-fast)}.navbar__logo-dot,.navbar__logo:hover{color:var(--color-accent)}.navbar__links{display:flex;gap:var(--space-8);align-items:center}.navbar__link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.navbar__link-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);opacity:0;transform:translate(-8px);transition:all var(--transition-fast)}.navbar__link:hover{color:var(--color-text)}.navbar__link:hover .navbar__link-num{opacity:1;transform:translate(0)}.navbar__burger{display:none;flex-direction:column;gap:6px;padding:4px;z-index:1001}.navbar__burger span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast);transform-origin:center}.navbar__burger--open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar__mobile{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8f6f1f7;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);z-index:999}.navbar__mobile-link{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-4);transition:color var(--transition-fast)}.navbar__mobile-link:hover{color:var(--color-accent)}.navbar__mobile-link .navbar__link-num{opacity:1;transform:none;font-size:var(--text-sm)}@media(max-width:768px){.navbar__links{display:none}.navbar__burger{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--color-bg)}.hero__canvas{position:absolute;top:0;right:0;width:55%;height:100%;z-index:1;cursor:grab}.hero__canvas:active{cursor:grabbing}.hero-scene-container{width:100%;height:100%}.hero__content{position:relative;z-index:3;padding-top:120px;padding-bottom:80px}.hero__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.hero__tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.05em}.hero__tag-divider{color:var(--color-text-muted);font-size:var(--text-lg);font-family:var(--font-display)}.hero__name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:.92;color:var(--color-text);letter-spacing:-.04em;margin-bottom:var(--space-8)}.hero__name-accent{color:var(--color-accent)}.hero__desc{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;max-width:520px;margin-bottom:var(--space-12)}.hero__actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-medium)}.hero__btn--white{background:#fff;color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.hero__btn--white:hover{border-color:var(--color-text);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero__btn--accent{background:var(--color-accent);color:#fff}.hero__btn--accent:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.hero__btn svg{transition:transform var(--transition-fast);flex-shrink:0}.hero__btn:hover svg{transform:scale(1.1)}.hero__scroll{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:3}.hero__scroll span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.15em;writing-mode:vertical-rl}.hero__scroll-line{width:1px;height:60px;background:var(--color-border);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--color-accent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{top:-100%}50%{top:100%}to{top:100%}}@media(max-width:768px){.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:60px;padding-bottom:var(--space-8)}.hero__canvas{width:100%;opacity:.25}.hero__content{padding-top:var(--space-6);padding-bottom:60px}.hero__meta{display:none}.hero__name{font-size:clamp(2.2rem,11vw,4rem);margin-bottom:var(--space-6);word-break:break-word;overflow-wrap:break-word}.hero__desc{font-size:var(--text-base);max-width:100%;margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-3)}.hero__btn{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.hero__scroll{display:none}}.about{background:var(--color-bg);overflow:hidden}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:start;margin-bottom:var(--space-16)}.about__image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--shadow-lg)}.about__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.about__image-wrap:hover .about__image{transform:scale(1.03)}.about__content{padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.about__bio-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--glass-shadow)}.about__bio{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.about__bio:last-child{margin-bottom:0}.about__bio em{color:var(--color-accent);font-style:normal;font-weight:600}.about__bio strong{color:var(--color-text);font-weight:600}.about__edu{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);box-shadow:var(--glass-shadow)}.about__subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:var(--space-4)}.about__edu-item{padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.3)}.about__edu-item:last-child{border-bottom:none;padding-bottom:0}.about__edu-degree{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.about__edu-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.about__edu-year{font-family:var(--font-mono);color:var(--color-text-muted)}.about__skills{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.about__marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.about__marquee-track{display:flex;gap:var(--space-4);width:max-content;animation:marquee 30s linear infinite}.about__skill-tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;padding:var(--space-2) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast)}.about__skill-tag:hover{color:var(--color-accent);border-color:var(--color-accent);background:#ff3c280f}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:var(--space-6)}.about__image-wrap{aspect-ratio:3/4}.about__content{gap:var(--space-4);padding-top:0}.about__bio-card,.about__edu{padding:var(--space-6) var(--space-8)}.about__bio{font-size:var(--text-base);line-height:1.7}.about__subtitle{margin-bottom:var(--space-3)}.about__skill-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.about__skills{padding:var(--space-4) 0}}.experience{background:var(--color-bg-alt);overflow:hidden}.exp__timeline{position:relative;max-width:900px;margin:0 auto}.exp__timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-border) 100%)}.exp__item{position:relative;display:flex;width:100%;padding-bottom:var(--space-10)}.exp__item:last-child{padding-bottom:0}.exp__item--left{justify-content:flex-start;padding-right:calc(50% + var(--space-8))}.exp__item--right{justify-content:flex-end;padding-left:calc(50% + var(--space-8))}.exp__dot{position:absolute;left:50%;top:8px;width:14px;height:14px;border-radius:50%;background:var(--color-accent);transform:translate(-50%);box-shadow:0 0 0 4px var(--color-bg-alt),0 0 16px #ff3c2840;z-index:2;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.exp__item:hover .exp__dot{transform:translate(-50%) scale(1.3);box-shadow:0 0 0 4px var(--color-bg-alt),0 0 24px #ff3c2866}.exp__card{width:100%;padding:var(--space-6) var(--space-8);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.exp__item--left .exp__card{text-align:right}.exp__item--right .exp__card{text-align:left}.exp__card:hover{border-color:#ff3c2833;box-shadow:var(--glass-shadow),0 8px 30px #0000000f}.exp__item--left:hover .exp__card{transform:translate(-6px)}.exp__item--right:hover .exp__card{transform:translate(6px)}.exp__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em;margin-bottom:var(--space-2)}.exp__role{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:2px}.exp__company{font-size:var(--text-sm);color:var(--color-accent);font-weight:500;display:block;margin-bottom:var(--space-3)}.exp__highlights{display:flex;flex-direction:column;gap:var(--space-1)}.exp__item--left .exp__highlights{align-items:flex-end}.exp__highlights li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-4);position:relative}.exp__item--left .exp__highlights li{padding-left:0;padding-right:var(--space-4)}.exp__highlights li:before{content:"›";position:absolute;left:0;color:var(--color-accent);font-weight:700}.exp__item--left .exp__highlights li:before{left:auto;right:0;content:"‹"}@media(max-width:768px){.exp__timeline-line{left:8px;width:2px;transform:none}.exp__dot{left:8px;width:10px;height:10px;box-shadow:0 0 0 3px var(--color-bg-alt),0 0 10px #ff3c2833}.exp__item{padding-bottom:var(--space-10)}.exp__item--left,.exp__item--right{padding-left:calc(20px + var(--space-4));padding-right:0;justify-content:flex-start}.exp__card{padding:var(--space-6) var(--space-8);border:1px solid var(--glass-border);max-width:100%;margin-bottom:var(--space-4);box-shadow:0 4px 20px #0000000f}.exp__item--left .exp__card{text-align:left}.exp__item--left .exp__highlights{align-items:flex-start}.exp__item--left .exp__highlights li{padding-left:var(--space-4);padding-right:0}.exp__item--left .exp__highlights li:before{left:0;right:auto;content:"›"}.exp__item--left:hover .exp__card,.exp__item--right:hover .exp__card{transform:translate(4px)}}.projects{background:var(--color-bg)}.proj__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.proj__card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);overflow:hidden;transition:border-color var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-medium);display:flex;flex-direction:column;min-height:280px;will-change:transform;box-shadow:var(--glass-shadow)}.proj__card:hover{border-color:#ff3c2826;box-shadow:var(--glass-shadow),0 16px 48px #00000014}.proj__bg-num{position:absolute;top:-20px;right:-10px;font-family:var(--font-display);font-size:10rem;font-weight:800;opacity:.05;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-medium)}.proj__card:hover .proj__bg-num{opacity:.08}.proj__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.proj__num{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em}.proj__arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast)}.proj__card:hover .proj__arrow{border-color:var(--color-accent);color:var(--color-accent);background:#ff3c2814;transform:translate(3px,-3px)}.proj__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.proj__card:hover .proj__title{color:var(--color-accent)}.proj__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:auto;padding-bottom:var(--space-6)}.proj__stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.proj__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-secondary);padding:var(--space-1) var(--space-3);border:1px solid rgba(123,97,255,.2);border-radius:var(--radius-full);letter-spacing:.03em;background:#7b61ff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.proj__grid{grid-template-columns:1fr;gap:var(--space-4)}.proj__card{min-height:auto;padding:var(--space-6)}.proj__card-header{margin-bottom:var(--space-4)}.proj__title{font-size:var(--text-xl)}.proj__desc{font-size:var(--text-xs);padding-bottom:var(--space-4)}.proj__bg-num{font-size:5rem}}.contact{position:relative;background:var(--color-bg-alt);overflow:hidden}.contact__inner{position:relative;z-index:1}.contact__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact__heading{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.03em}.contact__heading-accent{color:var(--color-accent)}.contact__text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-12);max-width:460px}.contact__icons{display:flex;gap:var(--space-4)}.contact__icon{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:50%;box-shadow:var(--glass-shadow);color:var(--color-text);transition:all var(--transition-fast)}.contact__icon:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-glow-accent)}.contact__icon-tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast)}.contact__icon:hover .contact__icon-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.contact__form-wrap{background:var(--glass-bg-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--glass-shadow)}.contact__form{display:flex;flex-direction:column;gap:var(--space-6)}.contact__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.contact__input{padding:var(--space-4);background:#ffffff80;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.contact__input::placeholder{color:var(--color-text-muted)}.contact__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff3c2814;background:#ffffffb3}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#fff;font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-medium);align-self:flex-start}.contact__submit:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.contact__submit:disabled{cursor:not-allowed;opacity:.8}.contact__submit--sending{background:var(--color-text-muted)}.contact__submit--success{background:#22c55e}.contact__submit--error{background:#ef4444}.contact__submit svg{transition:transform var(--transition-fast)}.contact__submit:hover svg{transform:translate(3px,-3px)}.contact__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-16);margin-top:var(--space-16);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:768px){.contact__layout{grid-template-columns:1fr;gap:var(--space-6)}.contact__heading{font-size:clamp(2rem,8vw,2.5rem)}.contact__text{font-size:var(--text-base);margin-bottom:var(--space-6)}.contact__icons{gap:var(--space-3)}.contact__icon{width:48px;height:48px}.contact__form-wrap{padding:var(--space-6)}.contact__input{padding:var(--space-3);font-size:var(--text-sm)}.contact__submit{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.contact__footer{flex-direction:column;gap:var(--space-2);text-align:center;padding-top:var(--space-8);margin-top:var(--space-8)}}:root{--color-bg: #F8F6F1;--color-bg-alt: #F0EDE6;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #5A5A5A;--color-text-muted: #9A9A94;--color-accent: #FF3C28;--color-accent-glow: rgba(255, 60, 40, .12);--color-accent-secondary: #7B61FF;--color-accent-secondary-glow: rgba(123, 97, 255, .08);--color-accent-hover: #FF5E4A;--color-border: #E5E2DB;--color-border-hover: #CFCBC3;--font-display: "Syne", system-ui, sans-serif;--font-body: "Space Grotesk", 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: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1200px;--container-narrow: 800px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .2s var(--ease-out);--transition-medium: .4s var(--ease-out);--transition-slow: .8s var(--ease-out);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-glow-accent: 0 8px 30px rgba(255, 60, 40, .15);--shadow-glow-secondary: 0 8px 30px rgba(123, 97, 255, .12);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}img,video,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul,ol{list-style:none}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-8)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-32) 0;position:relative}.section-label{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-16)}.section-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.1em}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.section-line{flex:1;height:1px;background:var(--color-border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.section-label{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl)}}