:root{color-scheme:dark;--bg-primary: #0f1117;--bg-secondary: #141820;--bg-card: #171c26;--bg-card-hover: #1e2433;--border-color: #232a3a;--border-hover: #2e3750;--text-primary: #e8eaf0;--text-secondary: #8b92a8;--text-muted: #5a6177;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--nav-bg: rgba(15, 17, 23, .8);--logo-bg: rgba(255, 255, 255, .06);--logo-bg-hover: rgba(255, 255, 255, .1);--image-bg: #000;--scrollbar-thumb: #333;--scrollbar-thumb-hover: #555;--body-gradient-1: rgba(99, 102, 241, .08);--body-gradient-2: rgba(99, 102, 241, .04);--hairline: rgba(232, 234, 240, .07);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--transition: .3s cubic-bezier(.4, 0, .2, 1);--max-width: 860px}:root[data-theme=light]{color-scheme:light;--bg-primary: #fafbfc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border-color: #e2e8f0;--border-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-glow: rgba(79, 70, 229, .12);--nav-bg: rgba(250, 251, 252, .85);--logo-bg: rgba(15, 23, 42, .04);--logo-bg-hover: rgba(15, 23, 42, .08);--image-bg: #0f1117;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--body-gradient-1: rgba(99, 102, 241, .06);--body-gradient-2: rgba(99, 102, 241, .03);--hairline: rgba(15, 23, 42, .1);--dot-color: rgba(79, 70, 229, .08)}*,*: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-sans);background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,var(--dot-color, rgba(99, 102, 241, .07)) 1px,transparent 0),radial-gradient(ellipse 80% 60% at 50% 0%,var(--body-gradient-1) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 50%,var(--body-gradient-2) 0%,transparent 50%);background-size:26px 26px,100% 100%,100% 100%;background-attachment:fixed;color:var(--text-primary);line-height:1.7;font-size:15px;overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;transition:background var(--transition),box-shadow var(--transition)}.nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border-color)}.nav-inner{position:relative;z-index:100;max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;line-height:0;color:var(--text-primary);transition:transform var(--transition),color var(--transition)}.nav-logo:hover{transform:scale(1.05);color:var(--accent)}.nav-logo:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.nav-logo-img{width:36px;height:36px;display:block}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:2rem;list-style:none}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);padding:0}.theme-toggle svg{width:15px;height:15px}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--logo-bg)}.nav-links a{color:var(--text-secondary);font-size:.85rem;font-weight:400;letter-spacing:.02em;transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-burger{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all var(--transition)}.nav-burger svg{width:17px;height:17px}.nav-burger:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--logo-bg)}.mobile-menu{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;justify-content:center;padding:60px 1.5rem 3rem;background:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,var(--body-gradient-1) 0%,transparent 55%)}.mobile-menu-list{counter-reset:m;list-style:none;display:flex;flex-direction:column;gap:.35rem}.mobile-menu-list li{counter-increment:m}.mobile-menu-list a{display:flex;align-items:baseline;gap:.85rem;padding:.5rem 0;font-family:var(--font-display);font-size:clamp(1.8rem,9vw,2.4rem);font-weight:500;letter-spacing:-.02em;color:var(--text-primary);transition:color var(--transition)}.mobile-menu-list a:before{content:"0" counter(m);font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:0}.mobile-menu-list a.active{color:var(--accent)}.mobile-menu-list a.active:before{color:var(--accent);opacity:.7}.main-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem;overflow-x:hidden;counter-reset:section}section{padding:3.5rem 0}.section-title{display:flex;align-items:baseline;gap:.65rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1.75rem;counter-increment:section;line-height:1}.section-title:before{content:"S/" counter(section,decimal-leading-zero) " ▸";font-weight:500;letter-spacing:0;color:var(--text-muted);text-transform:none}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:60px;position:relative}.hero-glow-bg{position:absolute;width:60vw;height:60vw;max-width:600px;max-height:600px;background:radial-gradient(circle,#6366f126,#6366f100 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:0;animation:pulse-glow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-index{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem}.hero-index-arrow{color:var(--accent);margin:0 .15rem 0 .05rem}.hero-greeting{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.hero-name{font-family:var(--font-display);font-size:clamp(2.8rem,7.5vw,5rem);font-weight:500;font-style:normal;letter-spacing:-.03em;line-height:1;margin-bottom:.75rem}.hero-name .accent{color:var(--accent);font-style:italic;font-weight:500}.hero-watermark{position:absolute;right:-6vw;top:50%;transform:translateY(-50%);width:clamp(380px,55vw,720px);height:auto;color:var(--text-primary);opacity:.04;pointer-events:none;z-index:0}:root[data-theme=light] .hero-watermark{opacity:.05}.hero-typewriter{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;color:var(--text-secondary);margin-bottom:1.5rem;height:2.5rem;display:flex;align-items:center}.typewriter-text{color:var(--text-primary);margin-left:.5rem;white-space:nowrap}.cursor{color:var(--accent);animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-tagline{font-size:1.15rem;color:var(--text-secondary);max-width:520px;line-height:1.6;margin-bottom:1.75rem}.hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.hero-resume-btn{display:inline-flex;align-items:center;gap:.55rem;padding:0 1.1rem;height:42px;border-radius:8px;background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:500;border:1px solid var(--border-color);transition:all var(--transition);cursor:pointer}.hero-resume-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.hero-resume-btn svg{width:16px;height:16px;flex-shrink:0}.hero-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid var(--border-color);color:var(--text-secondary);background:transparent;transition:all var(--transition)}.hero-icon-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.hero-icon-btn svg{width:18px;height:18px}.contact-intro{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:540px;margin-bottom:2.25rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-card{display:flex;flex-direction:column;gap:.5rem;padding:1.75rem 1.5rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);position:relative;transition:all var(--transition);overflow:hidden}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-glow),transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.contact-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 12px 32px #6366f11f}.contact-card:hover:before{opacity:1}.contact-card-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-glow);color:var(--accent);margin-bottom:.4rem;transition:transform var(--transition)}.contact-card:hover .contact-card-icon{transform:scale(1.08)}.contact-card-icon svg{width:18px;height:18px}.contact-card-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.contact-card-value{font-size:.95rem;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere;line-height:1.4}.contact-card-arrow{position:absolute;top:1.25rem;right:1.25rem;color:var(--text-muted);transition:transform var(--transition),color var(--transition)}.contact-card-arrow svg{width:18px;height:18px}.contact-card:hover .contact-card-arrow{color:var(--accent);transform:translate(3px,-3px)}.about-text{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;max-width:600px}.skills-grid{display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--hairline);padding-top:.5rem}.skill-category{display:grid;grid-template-columns:130px 1fr;gap:1rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid var(--hairline)}.skill-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.skill-tags{display:flex;gap:.3rem .55rem;flex-wrap:wrap;align-items:baseline}.skill-tag{font-family:var(--font-mono);font-size:.78rem;color:var(--text-primary);letter-spacing:-.01em;transition:color var(--transition)}.skill-tag:before{content:"[";color:var(--text-muted);margin-right:.05em}.skill-tag:after{content:"]";color:var(--text-muted);margin-left:.05em}.skill-tag:hover{color:var(--accent)}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-card{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);transition:all var(--transition);box-shadow:0 2px 12px #00000026;padding:1.5rem;display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 30px #6366f11a}.project-card:hover .project-thumb{transform:scale(1.05)}.project-body{display:flex;flex-direction:column}.project-header,.project-award,.project-highlights,.project-tech{padding:0}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.project-header-main{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.project-thumb{flex-shrink:0;width:56px;height:56px;border-radius:14px;object-fit:cover;transition:transform var(--transition)}.project-header-text{min-width:0;flex:1}.project-tech{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.project-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.project-title-row{display:flex;align-items:center;gap:.6rem}.project-links{display:flex;gap:.4rem;align-items:center}.project-link-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);transition:all var(--transition);background:transparent}.project-link-icon:hover{color:var(--accent);background:var(--accent-glow)}.project-link-icon svg{width:16px;height:16px}.project-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:-.01em}.project-subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.project-award{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.85rem}.project-highlights{list-style:none;padding:0;margin-bottom:1rem}.project-highlights-collapsible,.experience-highlights-collapsible{display:none}.project-expand-btn{display:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--accent);background:none;border:1px solid var(--hairline);padding:.5rem .85rem;border-radius:6px;cursor:pointer;margin-top:.85rem;transition:all var(--transition);align-self:flex-start}.project-expand-btn:hover{background:var(--accent-glow);border-color:var(--accent)}.project-expand-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-highlights li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin-bottom:.35rem}.project-highlights li:before{content:"▸";position:absolute;left:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.85em}.project-tech span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:-.02em;padding:0;background:none;border:none}.project-tech span:before{content:"[";color:var(--text-muted)}.project-tech span:after{content:"]";color:var(--text-muted)}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-card{padding:1.5rem;border-left:2px solid var(--border-color);transition:border-color var(--transition)}.experience-card:hover{border-left-color:var(--accent)}.experience-card-with-logo{display:flex;align-items:flex-start;gap:1.25rem}.experience-logo{width:52px;height:52px;border-radius:10px;object-fit:contain;background:var(--logo-bg);padding:6px;border:1px solid var(--border-color);flex-shrink:0;transition:all var(--transition)}.experience-logo:hover{border-color:var(--accent);background:var(--logo-bg-hover);transform:scale(1.05)}.experience-body{flex:1;min-width:0}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;gap:1rem}.experience-role{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.experience-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:-.01em}.experience-company{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.experience-highlights{list-style:none;padding:0}.experience-highlights li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin-bottom:.35rem}.experience-highlights li:before{content:"▸";position:absolute;left:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.85em}.education-entry{display:flex;align-items:flex-start;gap:1.5rem}.education-logo{flex-shrink:0;display:block;width:140px;line-height:0;margin-left:-2rem}.education-logo-img{width:100%;height:auto;display:block}.education-logo-light{display:none}:root[data-theme=light] .education-logo-dark{display:none}:root[data-theme=light] .education-logo-light{display:block}.education-body{flex:1;min-width:0}.education-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem}.education-degree{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.15rem;color:var(--text-primary);letter-spacing:-.01em;line-height:1.3}.education-meta-dot{color:var(--accent);font-weight:600;-webkit-user-select:none;user-select:none}.education-coursework{border-top:1px solid var(--hairline);padding-top:1.1rem;margin-top:.85rem}.education-coursework-label{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.55rem}.education-coursework-list{display:flex;flex-wrap:wrap;gap:.15rem .65rem;list-style:none;padding:0;margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.6}.education-coursework-list li{display:inline-flex;align-items:baseline}.education-coursework-list li:not(:last-child):after{content:"·";margin-left:.65rem;color:var(--text-muted)}.education-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:-.01em}.award-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.award-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.award-description{font-size:.85rem;color:var(--text-secondary)}.award-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:-.01em}.footer{padding:3rem 0;border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:.8rem;color:var(--text-muted)}.footer-stamp{display:flex;justify-content:center;gap:.6rem;margin-bottom:.85rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.footer-stamp-dot{color:var(--accent);opacity:.7}.footer-stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem .85rem;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:-.01em}.footer-stack-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.footer-stack-items{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .55rem}.footer-stack-tag{color:var(--text-secondary)}.footer-stack-tag:before{content:"[";color:var(--text-muted)}.footer-stack-tag:after{content:"]";color:var(--text-muted)}@media(max-width:768px){body{overflow-x:hidden}.nav-links{display:none}.nav-burger{display:inline-flex}.mobile-menu{display:flex}.hero-name{font-size:clamp(2.4rem,11vw,3.4rem);word-break:break-word}.hero-watermark{width:320px;right:-8vw;opacity:.05}.hero-typewriter{font-size:1.1rem;height:auto;min-height:2.5rem;flex-wrap:wrap}.contact-grid{grid-template-columns:1fr;gap:0;counter-reset:contact}.contact-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:.85rem;row-gap:0;align-items:center;padding:1rem .25rem;background:none;border:none;border-radius:0;border-top:1px solid var(--hairline);box-shadow:none;counter-increment:contact}.contact-card:first-child{border-top:none}.contact-card:before{display:none}.contact-card:hover{background:none;border-color:var(--hairline);border-top-color:var(--hairline);box-shadow:none}.contact-card-icon{width:32px;height:32px;grid-row:span 2;margin-bottom:0;border-radius:7px}.contact-card-icon svg{width:16px;height:16px}.contact-card-label{font-size:.62rem;align-self:end}.contact-card-label:before{content:"0" counter(contact) "  ";color:var(--accent);opacity:.7}.contact-card-value{font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:-.01em;align-self:start;grid-column:2}.contact-card-arrow{position:static;grid-column:3;grid-row:span 2;align-self:center;color:var(--text-muted)}.contact-card-arrow svg{width:16px;height:16px}.contact-card:hover .contact-card-arrow{transform:translate(3px)}.skill-category{grid-template-columns:1fr;gap:.5rem}.skill-label{padding-top:0}.project-header,.experience-header,.award-entry{flex-direction:column;gap:.5rem;align-items:stretch}.education-entry{flex-direction:row;align-items:flex-start;gap:1rem}.education-logo{width:90px;margin-left:0;margin-top:.5rem}.education-degree{font-size:1.05rem}.education-meta-dot{display:none}.education-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.projects-list{gap:0}.project-card{padding:1.75rem 0;background:none;border:none;border-radius:0;box-shadow:none;border-top:1px solid var(--hairline)}.project-highlights-always,.experience-highlights-always{display:none}.project-highlights-collapsible,.experience-highlights-collapsible{display:block}.project-expand-btn{display:inline-block}.project-card:first-child{border-top:none;padding-top:0}.project-card:last-child{padding-bottom:0}.project-card:hover{background:none;border-color:var(--hairline);transform:none;box-shadow:none}.project-thumb{width:48px;height:48px}.project-date,.experience-date,.education-date,.award-date{align-self:flex-end;margin-top:-.25rem}.experience-list{gap:0}.experience-card{padding:1.75rem 0;border-left:none;border-top:1px solid var(--hairline)}.experience-card:first-child{border-top:none;padding-top:0}.experience-card:last-child{padding-bottom:0}.education-entry{padding:1.5rem 0;border-top:1px solid var(--hairline)}.education-entry:first-child{border-top:none;padding-top:0}.education-entry:last-child{padding-bottom:0}section{padding:3.5rem 0}.main-content{padding:0 1.25rem}}