*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-2:#fafafa;--bg-3:#f5f5f5;--surface:#f9f9f9;--surface-hover:#f2f2f2;--border:#e8e8e8;--border-strong:#d0d0d0;--accent:#111;--accent-dim:#555;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--font-sans:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:16px;--radius-sm:10px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-3)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::selection{color:#fff;background:#111}.section{z-index:1;padding:64px 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 40px}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.display{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(3.5rem,9vw,8rem);font-weight:800;line-height:1}.heading-xl{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);font-weight:700}.heading-lg{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.heading-md{font-size:1.1rem;font-weight:600}.label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.italic-heading{color:var(--text-secondary);font-style:italic}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--border-strong);box-shadow:0 4px 24px #0000000f}.btn{font-family:var(--font-sans);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:12px 28px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--bg-3);border-color:var(--accent)}.tag{font-family:var(--font-mono);background:var(--bg-3);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;align-items:center;padding:4px 12px;font-size:.7rem;font-weight:500;transition:all .2s;display:inline-flex}.tag-dark{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-outline{border-color:var(--border-strong);color:var(--text-secondary);background:0 0}.divider{background:var(--border);height:1px}.section-header{margin-bottom:40px}.section-header .label{margin-bottom:14px;display:block}.section-header h2{margin-bottom:16px}.section-header p{color:var(--text-secondary);max-width:540px;font-size:1rem;line-height:1.7}.nav{z-index:1000;padding:22px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb;padding:16px 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-primary);font-size:1rem;font-weight:600;text-decoration:none}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.scroll-progress{z-index:1001;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress-bar{background:var(--accent);transform-origin:0;height:100%}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-inner{grid-template-columns:1fr 480px;align-items:center;gap:48px;width:100%;display:grid}.hero-text{flex-direction:column;display:flex}.hero-lottie{aspect-ratio:1;width:100%;max-width:480px}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-lottie{aspect-ratio:1;order:-1;max-width:320px;margin:0 auto}.projects-hero-inner{grid-template-columns:1fr!important}}.hero-eyebrow{align-items:center;gap:14px;margin-bottom:28px;display:flex}.hero-eyebrow-line{background:var(--border-strong);width:40px;height:1px}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:40px;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:80px;display:flex}.hero-stats{border-top:1px solid var(--border);gap:56px;padding-top:40px;display:flex}.stat-num{letter-spacing:-.04em;color:var(--text-primary);font-size:2.4rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.08em;margin-top:6px}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);white-space:nowrap;padding:18px 0;overflow:hidden}.marquee-track{gap:0;animation:28s linear infinite marquee;display:inline-flex}.marquee-item{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;padding:0 32px;font-size:.78rem}.marquee-sep{color:var(--border-strong)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-image-wrapper{aspect-ratio:1;border-radius:var(--radius);background:var(--bg-2);width:100%;max-width:380px;margin:0 auto;position:relative;overflow:hidden}.about-image{object-fit:cover;width:100%;height:100%}.about-highlight{color:var(--text-secondary);font-size:1rem;line-height:1.8}.about-highlight strong{color:var(--text-primary);font-weight:600}.edu-card{padding:24px 28px}.edu-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.edu-content-left{align-items:flex-start;gap:16px;display:flex}.edu-logo{object-fit:contain;border-radius:6px;width:44px;height:44px}.edu-degree{letter-spacing:-.01em;margin-bottom:4px;font-size:.95rem;font-weight:700}.edu-college{color:var(--text-secondary);font-size:.83rem}.edu-score{white-space:nowrap;flex-shrink:0;align-self:center;font-size:.72rem}.skills-bento{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.skill-feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:20px;padding:40px;transition:border-color .25s,box-shadow .25s;display:flex}.skill-feature-card:hover{border-color:var(--border-strong);box-shadow:0 6px 32px #00000012}.skill-feat-top{justify-content:space-between;align-items:flex-start;display:flex}.skill-feat-level{letter-spacing:-.05em;color:var(--text-primary);font-size:2.8rem;font-weight:800;line-height:1}.skill-feat-title{letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.skill-feat-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.skill-feat-tools{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.skills-secondary{grid-template-columns:1fr 1fr;gap:20px;display:grid}.skill-mini-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:28px;transition:border-color .25s,box-shadow .25s;display:flex}.skill-mini-card:hover{border-color:var(--border-strong);box-shadow:0 4px 20px #0000000f}.skill-mini-name{letter-spacing:-.01em;font-size:.88rem;font-weight:700}.skill-mini-level{letter-spacing:-.04em;color:var(--text-primary);font-size:1.3rem;font-weight:800}.skill-mini-tools{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.skill-chip{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-2);letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:.65rem}@media (width<=900px){.skills-bento{grid-template-columns:1fr}.skills-secondary{grid-template-columns:1fr 1fr}}.skill-bar-wrap{background:var(--border);border-radius:999px;height:2px;margin-top:16px;overflow:hidden}.skill-bar{background:var(--accent);transform-origin:0;border-radius:999px;height:100%;transform:scaleX(0)}.timeline{position:relative}.timeline-item{grid-template-columns:140px 1fr;gap:32px;padding-bottom:56px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--bg);width:10px;height:10px;box-shadow:0 0 0 2px var(--border);z-index:2;border-radius:50%;position:absolute;top:28px;left:140px;transform:translate(-50%,-50%)}.timeline-item:after{content:"";background:var(--border);width:1px;position:absolute;top:28px;bottom:0;left:140px;transform:translate(-50%)}.timeline-item:last-child:after{display:none}.timeline-left{text-align:right;padding-top:6px;padding-right:18px}.timeline-year{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.72rem;line-height:1.5}.timeline-right{padding-left:0;position:relative}.timeline-company{margin-bottom:2px;font-size:1.05rem;font-weight:700}.timeline-role{color:var(--text-secondary);margin-bottom:16px;font-size:.88rem}.timeline-sub-title{margin-bottom:6px;font-size:.9rem;font-weight:600}.timeline-sub-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.timeline-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.projects-list{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.project-row{background:var(--bg);grid-template-columns:56px 1fr auto;align-items:start;gap:24px;padding:28px 32px;transition:background .2s;display:grid}.project-row:hover{background:var(--bg-2)}.project-num{font-family:var(--font-mono);color:var(--text-muted);padding-top:4px;font-size:.8rem}.project-logo-wrap{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-logo{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.project-body{flex-direction:column;gap:10px;display:flex}.project-title{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.project-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.88rem;line-height:1.7}.project-arrow{color:var(--text-muted);font-family:monospace;font-size:1.2rem;text-decoration:none;transition:transform .2s,color .2s;display:block}.project-row:hover .project-arrow{color:var(--text-primary);transform:translate(2px,-2px)}.featured-bento{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:24px;margin-bottom:40px;display:grid}.featured-lottie-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.featured-cards-col{flex-direction:column;gap:16px;display:flex}.featured-project-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:default;flex-direction:column;flex:1;padding:24px 28px;transition:transform .2s,box-shadow .2s;display:flex}.featured-project-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.featured-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}@media (width<=900px){.featured-bento{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:100%;padding:32px;transition:transform .2s,box-shadow .2s;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000a}.project-card:hover .project-arrow{color:var(--text-primary);transform:translate(2px,-2px)}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.project-card-body{flex-direction:column;flex-grow:1;gap:12px;display:flex}.project-card-footer{margin-top:24px}.cert-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cert-card{flex-direction:column;gap:12px;padding:24px;display:flex}.cert-badge{font-size:1.4rem}.cert-name{font-size:.92rem;font-weight:600;line-height:1.4}.cert-issuer{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.contact-wrapper{grid-template-columns:.5fr 1.1fr;align-items:start;gap:64px;display:grid}.contact-link-item{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;text-decoration:none;transition:all .2s;display:flex}.contact-link-item:hover{border-color:var(--border-strong);background:var(--bg-2);transform:translate(4px)}.contact-link-icon{text-align:center;width:28px;font-size:1.1rem}.contact-link-text{font-size:.88rem;font-weight:600}.contact-link-sub{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.input-label{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;display:block}.input-field{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:none;outline:none;padding:12px 14px;font-size:.9rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent);background:var(--bg)}.input-field::placeholder{color:var(--text-muted)}.input-group{margin-bottom:14px}.footer{border-top:1px solid var(--border);padding:36px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono)}@media (width<=900px){.grid-2{grid-template-columns:1fr;gap:48px}.contact-wrapper{grid-template-columns:1fr;gap:40px}.hero-stats{gap:32px}.skills-grid{grid-template-columns:1fr}.skills-grid .skill-tile{border-right:none!important}.cert-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.timeline-item{grid-template-columns:1fr;gap:0}.timeline-item:after{left:0}.timeline-left{text-align:left;padding-bottom:8px}.timeline-right{padding-left:20px}.project-row{grid-template-columns:40px 1fr}.project-right{display:none}}@media (width<=600px){.section{padding:72px 0}.container{padding:0 20px}.hero-stats{flex-wrap:wrap;gap:24px}.cert-grid{grid-template-columns:1fr}.display{font-size:clamp(2.8rem,12vw,6rem)}}