:root{--bg:#0a0a0b;--bg2:#111113;--bg3:#18181b;--surface:#141416;--surface-border:#28282c;--text:#f5f5f6;--text-dim:#a3a3a8;--text-dimmer:#6c6c72;--accent-blue:#d6d9de;--accent-purple:#9a9aa2;--accent-green:#4fb97a;--mono:"IBM Plex Mono", Consolas, monospace;--sans:"IBM Plex Sans", Helvetica, Arial, sans-serif;--display:"Space Grotesk", var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg, var(--bg) 0%, var(--bg2) 45%, var(--bg3) 100%) fixed;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent-blue);color:#0b0b0d}.navbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-border);background:#0b0b0dbf;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:.5px;color:var(--text);font-weight:700}.nav-desktop{gap:clamp(12px,2vw,28px);font-size:14px;display:flex}.nav-desktop a{color:var(--text-dim);transition:color .15s}.nav-desktop a:hover{color:var(--accent-blue)}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:0;display:none}.menu-btn span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-btn.open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-btn.open span:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-mobile{z-index:49;border-bottom:1px solid var(--surface-border);background:#0a0a0bf7;flex-direction:column;padding:8px clamp(20px,5vw,64px) 18px;display:none;position:sticky;top:61px}.nav-mobile a{color:var(--text-dim);border-bottom:1px solid #ffffff0a;padding:12px 0;font-size:15px}.nav-mobile a:last-child{border-bottom:none}.section{border-bottom:1px solid #ffffff0a;padding:80px clamp(20px,5vw,64px)}.section-inner{max-width:1100px;margin:0 auto}h3{font-family:var(--display)}.command-header{font-family:var(--mono);color:var(--accent-green);letter-spacing:.5px;margin:0 0 36px;font-size:clamp(18px,2.4vw,24px)}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:140px clamp(20px,5vw,64px) 100px;display:flex;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0}.hero-fade{background:radial-gradient(ellipse 70% 60% at 50% 42%, #0a0a0b8c 0%, #0a0a0b4d 45%, transparent 72%), linear-gradient(to bottom, transparent 0%, transparent 65%, var(--bg) 97%);pointer-events:none;position:absolute;inset:0}.hero{z-index:2;text-align:center;max-width:820px;margin:0 auto;position:relative}.hero-title{text-shadow:0 2px 10px #000000bf,0 6px 40px #0009}.hero-sub{text-shadow:0 2px 14px #000000d9}.badge{font-family:var(--mono);color:var(--text-dim);background:var(--surface);border:1px solid var(--surface-border);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 14px;font-size:13px;display:inline-flex}.badge .dot{background:var(--accent-green);width:7px;height:7px;box-shadow:0 0 8px var(--accent-green);border-radius:50%}.hero-title{font-family:var(--display);perspective:600px;margin:0 0 20px;font-size:clamp(38px,7.4vw,64px);font-weight:700;line-height:1.1}.hero-title .char{transform-origin:bottom;display:inline-block}.hero-sub{color:var(--text-dim);margin:0 0 28px;font-size:clamp(15px,2vw,18px);line-height:1.65}.tag-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.tag{font-family:var(--mono);color:var(--accent-blue);background:#d6d9de14;border:1px solid #d6d9de33;border-radius:999px;padding:5px 12px;font-size:12.5px}.tag-sm{padding:3px 10px;font-size:11.5px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{font-family:var(--mono);border:1px solid var(--surface-border);border-radius:10px;padding:11px 22px;font-size:14px;transition:all .15s;display:inline-block}.btn-primary{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));color:#0a0a0b;border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--surface);color:var(--text)}.btn-ghost:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.about-grid{gap:18px;max-width:820px;display:grid}.about-grid p{color:var(--text-dim);margin:0;font-size:15.5px;line-height:1.7}.about-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.about-list li{color:var(--text-dim);padding-left:20px;font-size:15.5px;line-height:1.7;position:relative}.about-list li:before{content:"→";color:var(--text-dimmer);position:absolute;left:0}.skills-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.project-card,.skill-card,.timeline-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:14px;padding:26px;transition:border-color .2s;display:flex}.skill-card{border-radius:14px;padding:22px}.skill-card-head{font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.skill-count{color:var(--accent-purple);background:#d6d9de1a;border-radius:999px;padding:2px 9px;font-size:12px}.skill-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.skill-card li{color:var(--text-dim);padding-left:14px;font-size:13.5px;position:relative}.skill-card li:before{content:"→";color:var(--accent-blue);position:absolute;left:0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=860px){.projects-grid{grid-template-columns:1fr}}.project-card:hover,.timeline-card:hover{border-color:#5a4529}.project-head{font-family:var(--mono);justify-content:space-between;align-items:center;font-size:12px;display:flex}.project-id{color:var(--text-dimmer)}.project-category{color:var(--accent-purple);background:#d6d9de14;border-radius:999px;padding:3px 10px}.project-card h3{font-family:var(--display);margin:0;font-size:19px}.project-desc{color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.project-bullets{gap:7px;margin:0;padding:0;list-style:none;display:grid}.project-bullets li{color:var(--text-dim);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.project-bullets li:before{content:"•";color:var(--accent-green);position:absolute;left:0}.project-links{font-family:var(--mono);gap:18px;margin-top:auto;padding-top:6px;font-size:13px;display:flex}.project-links a{color:var(--accent-blue)}.project-links a:hover{text-decoration:underline}.timeline{gap:18px;display:grid}.timeline-card{border-radius:14px;padding:24px 26px}.timeline-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.timeline-head h3{margin:0 0 4px;font-size:17px}.timeline-sub{color:var(--text-dim);margin:0;font-size:13.5px}.timeline-dates{font-family:var(--mono);color:var(--accent-green);white-space:nowrap;font-size:12.5px}.timeline-card ul{gap:7px;margin:0 0 14px;padding:0;list-style:none;display:grid}.timeline-card li{color:var(--text-dim);padding-left:14px;font-size:13.5px;line-height:1.55;position:relative}.timeline-card li:before{content:"•";color:var(--accent-blue);position:absolute;left:0}.contact-box{text-align:center;max-width:640px;margin:0 auto}.contact-box h3{margin:0 0 14px;font-size:clamp(24px,4vw,32px)}.contact-box>p{color:var(--text-dim);margin:0 0 32px;line-height:1.6}.info-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:32px;display:grid}.info-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;flex-direction:column;gap:6px;padding:16px;font-size:14px;display:flex}.info-card span{font-family:var(--mono);color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1px;font-size:11px}.contact-links{font-family:var(--mono);justify-content:center;gap:24px;font-size:14px;display:flex}.contact-links a{color:var(--accent-blue);border-bottom:1px solid #0000}.contact-links a:hover{border-color:var(--accent-blue)}.footer{font-family:var(--mono);color:var(--text-dimmer);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:28px clamp(20px,5vw,64px) 40px;font-size:12px;display:flex}@media (width<=720px){.nav-desktop{display:none}.menu-btn,.nav-mobile{display:flex}}@media (width<=640px){.section{padding:56px 20px}.projects-grid,.skills-grid{grid-template-columns:1fr}.info-cards{grid-template-columns:1fr 1fr}.timeline-head{flex-direction:column;gap:6px}.hero-section{min-height:92vh;padding:110px 20px 70px}.hero{border-radius:18px;padding:28px 20px 34px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{text-align:center;width:100%}.command-header{margin-bottom:24px}.contact-links{flex-wrap:wrap;gap:16px}.footer{flex-direction:column;gap:6px}}