:root{--color-bg: #ffffff;--color-bg-warm: #fbfbfd;--color-bg-secondary: #f5f5f7;--color-glass-light: rgba(255, 255, 255, .75);--color-glass-border: rgba(255, 255, 255, .3);--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #aeaeb2;--color-accent: #0071e3;--color-accent-hover: #2997ff;--color-accent-subtle: rgba(0, 113, 227, .06);--color-border: #d2d2d7;--color-tag-bg: rgba(0, 0, 0, .04);--color-avatar-bg: linear-gradient(135deg, #e8e8ed 0%, #f5f5f7 100%);--color-hero-bg: linear-gradient(180deg, #f5f5f7 0%, #ffffff 40%, #ffffff 100%);--color-hero-glow: rgba(0, 113, 227, .08);--color-footer-bg: #f5f5f7;--color-footer-border: #d2d2d7;--color-nav-scrolled: rgba(255, 255, 255, .88);--color-nav-border: #d2d2d7;--font-display: "SF Pro Display", "SF Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--max-width: 980px;--nav-height: 52px}[data-theme=dark]{--color-bg: #1d1d1f;--color-bg-warm: #2d2d2f;--color-bg-secondary: #1d1d1f;--color-glass-light: rgba(255, 255, 255, .06);--color-glass-border: rgba(255, 255, 255, .08);--color-text-primary: #f5f5f7;--color-text-secondary: #aeaeb2;--color-text-tertiary: #86868b;--color-accent: #2997ff;--color-accent-hover: #64b5f6;--color-accent-subtle: rgba(41, 151, 255, .1);--color-border: rgba(255, 255, 255, .08);--color-tag-bg: rgba(255, 255, 255, .08);--color-avatar-bg: linear-gradient(135deg, #2d2d2f 0%, #3d3d3f 100%);--color-hero-bg: linear-gradient(180deg, #161617 0%, #1d1d1f 40%, #1d1d1f 100%);--color-hero-glow: rgba(41, 151, 255, .12);--color-footer-bg: #161617;--color-footer-border: rgba(255, 255, 255, .06);--color-nav-scrolled: rgba(29, 29, 31, .88);--color-nav-border: rgba(255, 255, 255, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);line-height:1.47059;font-weight:400;font-size:17px;overflow-x:hidden;transition:background .3s ease,color .3s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.progress-bar{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-accent);z-index:200;transition:width .1s linear}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;transition:background .4s cubic-bezier(.25,.1,.25,1),backdrop-filter .4s cubic-bezier(.25,.1,.25,1),border-color .4s cubic-bezier(.25,.1,.25,1)}.navbar.scrolled{background:var(--color-nav-scrolled);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-nav-border)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:17px;font-weight:600;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.01em;transition:color .3s ease}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-links{display:flex;gap:32px}.navbar-links a{font-size:12px;font-weight:400;color:var(--color-text-secondary);text-decoration:none;letter-spacing:.02em;transition:color .25s ease;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:1px;background:var(--color-accent);transition:width .3s ease,left .3s ease}.navbar-links a:hover{color:var(--color-text-primary);transform:translateY(-2px) scale(1.05)!important}.navbar-links a:hover:after{width:100%;left:0}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease,background .3s ease}.theme-toggle:hover{color:var(--color-accent);background:var(--color-accent-subtle);transform:scale(1.3)!important}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px;position:relative;background:var(--color-hero-bg);overflow:hidden;transition:background .5s ease}.hero-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.25;animation:glowFloat 14s ease-in-out infinite;transition:opacity .5s ease}[data-theme=dark] .hero-bg-glow{opacity:.35}.hero-bg-glow:nth-child(1){width:700px;height:700px;top:-300px;right:-200px;background:radial-gradient(circle,var(--color-hero-glow) 0%,transparent 70%);animation-delay:0s}.hero-bg-glow:nth-child(2){width:500px;height:500px;bottom:-200px;left:-150px;background:radial-gradient(circle,var(--color-hero-glow) 0%,transparent 70%);animation-delay:-5s}.hero-bg-glow:nth-child(3){width:400px;height:400px;top:30%;left:20%;background:radial-gradient(circle,var(--color-hero-glow) 0%,transparent 70%);animation-delay:-10s}@keyframes glowFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-30px,20px) scale(.95)}}.hero-content{position:relative;z-index:1;opacity:0;animation:heroFadeIn 1.4s cubic-bezier(.25,.1,.25,1) forwards}.hero-greeting{font-size:clamp(.85rem,1.2vw,.95rem);font-weight:500;color:var(--color-text-tertiary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;opacity:0;animation:heroSlideUp .8s ease .15s forwards;transition:color .3s ease}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,6.5rem);font-weight:200;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:28px;line-height:1.05;opacity:0;animation:heroSlideUp .8s ease .3s forwards;transition:color .3s ease}.hero-accent{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;opacity:0;animation:heroSlideUp .8s ease .45s forwards}.hero-accent-line{display:block;width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.hero-accent-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--color-accent);animation:accentDotPulse 2.5s ease-in-out infinite}@keyframes accentDotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;color:var(--color-text-secondary);letter-spacing:.01em;margin-bottom:10px;opacity:0;animation:heroSlideUp .8s ease .6s forwards;transition:color .3s ease}.hero-description{font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:300;color:var(--color-text-tertiary);opacity:0;animation:heroSlideUp .8s ease .75s forwards;transition:color .3s ease}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;opacity:0;animation:heroFadeIn 1.4s ease 1.4s forwards}.scroll-line{width:1px;height:28px;background:linear-gradient(to bottom,var(--color-text-tertiary),transparent);animation:scrollPulse 2.5s ease-in-out infinite;transition:background .3s ease}.scroll-text{font-size:9px;font-weight:400;color:var(--color-text-tertiary);letter-spacing:.2em;text-transform:uppercase;transition:color .3s ease}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.3)}}.section{padding:140px 0;position:relative;transition:background .3s ease}.section-warm{background:linear-gradient(180deg,var(--color-bg-warm) 0%,var(--color-bg) 100%)}.section-cool{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-warm) 100%)}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:56px}.section-number{font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--color-accent);letter-spacing:.08em;line-height:1;transition:color .3s ease}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:300;color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2;transition:color .3s ease}.section-divider{display:flex;align-items:center;justify-content:center;height:1px;background:var(--color-border);position:relative;transition:background .3s ease}.divider-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--color-border);position:absolute;transition:background .3s ease}.about-grid{display:grid;grid-template-columns:140px 1fr;gap:48px;align-items:center}.about-avatar{position:relative;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;width:124px;height:124px;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover),transparent,transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:avatarRingRotate 6s linear infinite}@keyframes avatarRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-placeholder{width:116px;height:116px;border-radius:50%;background:var(--color-avatar-bg);display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:200;color:var(--color-text-tertiary);position:relative;z-index:1;transition:background .3s ease,color .3s ease}.about-bio{font-size:1.25rem;font-weight:350;line-height:1.75;color:var(--color-text-primary);max-width:680px;letter-spacing:.01em;transition:color .3s ease}.timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{background:var(--color-glass-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:16px;padding:28px 32px;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;box-shadow:0 4px 20px #00000008;transition:transform .3s ease,box-shadow .4s ease,background .3s ease,border .3s ease}.reveal.timeline-item:hover{transform:translateY(-12px) scale(1.03)!important;box-shadow:0 32px 80px #00000026;border-color:var(--color-accent)}[data-theme=dark] .timeline-item{box-shadow:0 4px 20px #0003}[data-theme=dark] .reveal.timeline-item:hover{box-shadow:0 32px 80px #00000080}.timeline-year{font-size:13px;font-weight:500;color:var(--color-accent);letter-spacing:.03em;padding-top:2px;transition:color .3s ease}.timeline-content h3{font-size:1.1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;line-height:1.4;transition:color .3s ease}.timeline-content p{font-size:.95rem;font-weight:400;color:var(--color-text-secondary);line-height:1.6;transition:color .3s ease}.competition-award{display:inline-block;font-size:.75rem;font-weight:500;color:var(--color-accent);margin-bottom:6px;letter-spacing:.03em;padding:3px 12px;border-radius:100px;background:var(--color-accent-subtle);transition:background .3s ease,color .3s ease}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skill-group{background:var(--color-glass-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px #00000008;transition:transform .3s ease,box-shadow .4s ease,background .3s ease,border .3s ease}.skill-group:hover{transform:translateY(-16px) scale(1.05)!important;box-shadow:0 40px 100px #0000002e;border-color:var(--color-accent)}[data-theme=dark] .skill-group{box-shadow:0 4px 20px #0003}[data-theme=dark] .skill-group:hover{box-shadow:0 40px 100px #00000080}.skill-group-title{font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;display:inline-block;transition:color .3s ease}.skill-group-title:after{content:"";display:block;margin-top:6px;width:20px;height:1.5px;background:var(--color-accent);border-radius:1px;transition:background .3s ease}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:inline-block;padding:6px 14px;font-size:13px;font-weight:400;color:var(--color-text-primary);background:var(--color-tag-bg);border-radius:100px;line-height:1.3;letter-spacing:.01em;cursor:default;transition:all .4s cubic-bezier(.25,.1,.25,1)}.skill-tag:hover{background:var(--color-accent);color:#fff;transform:translateY(-8px) scale(1.15)!important;box-shadow:0 16px 40px #0071e380}.contact-content{text-align:center;padding:24px 0}.contact-email{display:inline-block;font-size:1.5rem;font-weight:300;color:var(--color-text-primary);text-decoration:none;transition:color .3s ease;letter-spacing:-.01em;position:relative}.contact-email:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1.5px;background:var(--color-accent);transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.contact-email:hover{color:var(--color-accent);transform:translateY(-6px) scale(1.08)!important}.contact-email:hover:after{transform:scaleX(1);transform-origin:left center}.contact-hint{margin-top:16px;font-size:14px;color:var(--color-text-tertiary);font-weight:400;transition:color .3s ease}.footer{padding:48px 0;text-align:center;background:var(--color-footer-bg);border-top:1px solid var(--color-footer-border);transition:background .3s ease,border-color .3s ease}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px}.footer p{font-size:12px;font-weight:400;color:var(--color-text-tertiary);letter-spacing:.01em;transition:color .3s ease}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1)}.reveal.visible{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1);transition-delay:calc(var(--delay, 0) * .12s)}.reveal.visible .fade-up,.timeline-item.visible .fade-up{opacity:1;transform:translateY(0)}@media(max-width:834px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:100px 0}.about-grid{grid-template-columns:1fr;gap:32px;text-align:center}.about-avatar{display:flex;justify-content:center}.about-bio{max-width:100%}.navbar-links{gap:20px}.navbar-links a{font-size:11px}.timeline-item{grid-template-columns:1fr;gap:8px;padding:24px}.skills-grid{grid-template-columns:1fr}.contact-email{font-size:1.3rem}.section-header{flex-direction:column;gap:8px}}@media(max-width:480px){.section{padding:72px 0}.section-header{margin-bottom:36px}.navbar-links{gap:14px}.navbar-links a{font-size:10px}.navbar-brand{font-size:15px}.timeline-item{padding:20px}.contact-email{font-size:1.1rem}}