:root{--color-bg:#f8fafb;--color-surface:#fff;--color-text:#1a2a3a;--color-text-secondary:#5a6a7a;--color-text-muted:#8a9aaa;--color-primary:#0d7377;--color-primary-light:#14a3a8;--color-primary-dark:#094d50;--color-primary-glow:#0d73771f;--color-accent:#e8a838;--color-accent-light:#f5c96a;--color-accent-glow:#e8a83826;--color-border:#e2e8ed;--color-card-shadow:#0d73770f;--color-card-hover-shadow:#0d73771f;--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;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Noto Serif SC", "Georgia", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,: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-body);color:var(--color-text);background-color:var(--color-bg);font-size:15px;line-height:1.7;overflow-x:hidden}.hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 40%, var(--color-primary-light) 100%);color:#fff;padding:var(--space-4xl) var(--space-xl) var(--space-3xl);text-align:center;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.hero--scrolled{box-shadow:0 8px 40px #0d737740}.hero__bg-pattern{opacity:.06;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 70%,#fff 1px,#0000 1px),radial-gradient(circle at 60% 10%,#fff 1px,#0000 1px);background-size:60px 60px,80px 80px,100px 100px;position:absolute;inset:0}.hero__content{z-index:1;max-width:640px;margin:0 auto;position:relative}.hero__avatar{width:130px;height:130px;margin:0 auto var(--space-lg);border:4px solid #ffffff4d;border-radius:50%;animation:6s ease-in-out infinite avatarFloat;position:relative;overflow:hidden}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__avatar img{object-fit:cover;width:100%;height:100%;display:block}.hero__avatar-ring{border:2px dashed #fff3;border-radius:50%;animation:20s linear infinite ringRotate;position:absolute;inset:-12px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__name{font-family:var(--font-display);letter-spacing:.08em;margin-bottom:var(--space-xs);text-shadow:0 2px 20px #00000026;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:900}.hero__title{letter-spacing:.15em;opacity:.9;margin-bottom:var(--space-sm);text-transform:uppercase;font-size:1.1rem;font-weight:300}.hero__summary{opacity:.75;margin-bottom:var(--space-xl);letter-spacing:.05em;font-size:.95rem}.hero__tags{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);letter-spacing:.03em;background:#ffffff1f;border:1px solid #ffffff26;padding:6px 16px;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-block}.tag:hover{background:#ffffff38;transform:translateY(-2px)}.hero__nav{z-index:2;max-width:800px;margin:var(--space-2xl) auto 0;padding-top:var(--space-xl);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:relative}.nav-link{color:#ffffffb3;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;padding:8px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff26}.nav-link.active{color:var(--color-accent-light);background:#e8a83859}.main-content{max-width:900px;padding:var(--space-3xl) var(--space-xl) var(--space-4xl);margin:0 auto}.section{margin-bottom:var(--space-3xl);animation:fadeUp .6s var(--ease-out-expo) both}.section:first-child{animation-delay:50ms}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.15s}.section:nth-child(4){animation-delay:.2s}.section:nth-child(5){animation-delay:.25s}.section:nth-child(6){animation-delay:.3s}.section:nth-child(7){animation-delay:.35s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.section__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.section__title{font-family:var(--font-display);color:var(--color-primary-dark);white-space:nowrap;letter-spacing:.03em;font-size:1.45rem;font-weight:700}.section__line{background:linear-gradient(to right, var(--color-primary), transparent);opacity:.3;border-radius:2px;flex:1;height:2px}.about-card{background:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--color-card-shadow)}.about-text{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.9}.about-stats{justify-content:space-around;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex}.stat-item{text-align:center}.stat-num{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;font-weight:900;line-height:1;display:block}.stat-label{color:var(--color-text-muted);margin-top:4px;font-size:.8rem}.education-card{align-items:center;gap:var(--space-xl);background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--color-card-shadow);border-left:4px solid var(--color-primary);transition:all .3s;display:flex}.education-card:hover{box-shadow:0 8px 36px var(--color-card-hover-shadow);transform:translate(4px)}.edu-icon{background:var(--color-primary-glow);border-radius:var(--radius-md);width:56px;min-width:56px;height:56px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.edu-icon svg{width:26px;height:26px}.edu-info h3{font-family:var(--font-display);color:var(--color-text);margin-bottom:4px;font-size:1.15rem;font-weight:700}.edu-major{color:var(--color-text-secondary);margin-bottom:4px;font-size:.92rem}.edu-date{color:var(--color-accent);font-size:.85rem;font-weight:600}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.skill-card{gap:var(--space-md);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:0 2px 16px var(--color-card-shadow);transition:all .35s var(--ease-out-expo);border:1px solid #0000;display:flex}.skill-card:hover{box-shadow:0 8px 32px var(--color-card-hover-shadow);border-color:var(--color-primary-light);transform:translateY(-3px)}.skill-icon{background:var(--color-primary-glow);border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.skill-icon svg{width:22px;height:22px}.skill-content{flex:1}.skill-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.skill-name{color:var(--color-text);font-size:.95rem;font-weight:600}.skill-level{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.skill-bar{background:var(--color-border);border-radius:var(--radius-full);height:5px;margin-bottom:var(--space-sm);overflow:hidden}.skill-bar__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width 1.2s var(--ease-out-expo);position:relative}.skill-bar__fill:after{content:"";background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 6px var(--color-accent-glow);border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.skill-desc{color:var(--color-text-secondary);font-size:.8rem;line-height:1.6}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--color-primary), var(--color-primary-light), var(--color-accent));opacity:.25;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:9px}.timeline-item{margin-bottom:var(--space-xl);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:var(--color-surface);border:3px solid var(--color-primary);z-index:1;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:6px;left:-28px}.timeline-item:hover .timeline-marker{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);transform:scale(1.1)}.timeline-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:0 2px 16px var(--color-card-shadow);transition:all .35s var(--ease-out-expo);border:1px solid #0000}.timeline-card:hover{box-shadow:0 8px 32px var(--color-card-hover-shadow);border-color:#0d737726;transform:translate(3px)}.timeline-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.timeline-company h3{font-family:var(--font-display);color:var(--color-text);margin-bottom:2px;font-size:1.05rem;font-weight:700}.timeline-role{color:var(--color-text-muted);font-size:.8rem}.timeline-date{color:var(--color-accent);white-space:nowrap;font-size:.82rem;font-weight:600}.timeline-body{gap:var(--space-sm);flex-direction:column;display:flex}.timeline-projects,.timeline-tech{font-size:.85rem}.timeline-projects .label,.timeline-tech .label{color:var(--color-text-muted);font-weight:500}.timeline-projects .value{color:var(--color-text-secondary)}.tech-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:inline-flex}.tech-tag{background:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.timeline-highlights{margin-top:var(--space-sm);list-style:none}.timeline-highlights li{color:var(--color-text-secondary);padding-left:16px;font-size:.85rem;line-height:1.8;position:relative}.timeline-highlights li:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.project-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;box-shadow:0 2px 16px var(--color-card-shadow);transition:all .35s var(--ease-out-expo);cursor:default}.project-card:hover{box-shadow:0 12px 40px var(--color-card-hover-shadow);transform:translateY(-5px)}.project-icon{width:56px;height:56px;margin:0 auto var(--space-md);background:var(--color-primary-glow);border-radius:var(--radius-md);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.project-icon svg{width:26px;height:26px}.project-card h4{font-family:var(--font-display);color:var(--color-text);margin-bottom:4px;font-size:1rem;font-weight:700}.project-type{color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.78rem;font-weight:600}.project-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.82rem;line-height:1.65}.project-tech{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.project-tech span{background:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:3px 10px;font-size:.72rem}.project-card--link{cursor:pointer;position:relative}.project-card__link-overlay{z-index:1;border-radius:var(--radius-md);position:absolute;inset:0}.project-link{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);color:var(--color-primary);z-index:2;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;position:relative}.project-card:hover .project-link{color:var(--color-accent)}.link-icon{width:14px;height:14px;transition:transform .3s}.project-card:hover .link-icon{transform:translate(2px,-2px)}.eval-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.eval-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;box-shadow:0 2px 16px var(--color-card-shadow);border-top:3px solid var(--color-accent);transition:all .3s}.eval-card:hover{box-shadow:0 8px 32px var(--color-card-hover-shadow);transform:translateY(-4px)}.eval-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--color-accent-glow);color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.eval-icon svg{width:24px;height:24px}.eval-card h4{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-sm);font-size:.95rem;font-weight:700}.eval-card p{color:var(--color-text-secondary);font-size:.82rem;line-height:1.7}.contact-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.contact-item{align-items:center;gap:var(--space-md);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:0 2px 16px var(--color-card-shadow);color:inherit;border:1px solid #0000;text-decoration:none;transition:all .3s;display:flex}.contact-item:hover{box-shadow:0 6px 28px var(--color-card-hover-shadow);border-color:var(--color-primary-light);transform:translateY(-3px)}.contact-icon{background:var(--color-primary-glow);border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.contact-icon svg{width:20px;height:20px}.contact-info{flex-direction:column;display:flex}.contact-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.contact-value{color:var(--color-text);font-size:.92rem;font-weight:500}.footer{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface);font-size:.82rem}.back-top{background:var(--color-primary);color:#fff;cursor:pointer;width:46px;height:46px;transition:all .3s var(--ease-out-expo);z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 18px #0d737759}.back-top:hover{background:var(--color-primary-dark);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 24px #0d737773}.back-top svg{width:20px;height:20px}@media (width<=768px){.hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero__nav{padding-top:var(--space-lg);gap:2px}.nav-link{padding:6px 10px;font-size:.75rem}.main-content{padding:var(--space-2xl) var(--space-md)}.section__title{font-size:1.25rem}.skills-grid{grid-template-columns:1fr}.skill-card{gap:var(--space-sm);flex-direction:column}.about-stats{gap:var(--space-sm)}.stat-num{font-size:1.6rem}.education-card{text-align:center;padding:var(--space-xl);flex-direction:column}.timeline{padding-left:22px}.timeline:before{left:5px}.timeline-marker{width:16px;height:16px;left:-22px}.timeline-card__header{flex-direction:column;gap:4px}.projects-grid,.eval-grid,.contact-grid{grid-template-columns:1fr}.back-top{width:40px;height:40px;bottom:18px;right:18px}}@media (width<=480px){.hero__name{font-size:1.7rem}.hero__summary{font-size:.85rem}.tag{padding:5px 12px;font-size:.75rem}}