:root{--bg:#080b14;--surface:#101625;--surface-elevated:#151d2f;--text-primary:#f4f7fb;--text-secondary:#a8b3c7;--text-muted:#6f7c93;--border:#94a3b82e;--accent-cyan:#67e8f9;--accent-violet:#a78bfa;--accent-green:#86efac;--glow-cyan:#67e8f938;--glow-violet:#a78bfa33;--radius-card:20px;--radius-btn:12px;--radius-badge:999px;--max-width:1160px;--px-mobile:20px;--px-tablet:32px;--px-desktop:40px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--max-width);padding-inline:var(--px-mobile);margin-inline:auto}@media (width>=640px){.container{padding-inline:var(--px-tablet)}}@media (width>=1024px){.container{padding-inline:var(--px-desktop)}}.section{padding-block:80px}@media (width>=1024px){.section{padding-block:120px}}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.section-heading{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}.section-sub{color:var(--text-secondary);max-width:56ch;font-size:1rem;line-height:1.7}.btn-primary{background:var(--accent-violet);color:#fff;border-radius:var(--radius-btn);align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 18px var(--glow-violet);background:#8b70f0;transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-btn);align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-1px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:999px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}.about{background:var(--surface)}.about-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-intro{flex-direction:column;gap:1.5rem;display:flex}.about-summary{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.about-interests{flex-direction:column;gap:.5rem;display:flex}.about-interests h3{font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.25rem}.interest-item{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.interest-dot{background:var(--accent-cyan);opacity:.7;border-radius:50%;flex-shrink:0;width:5px;height:5px}.about-social{flex-wrap:wrap;gap:.75rem;display:flex}.about-principles{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.principle-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .2s;display:flex}.principle-card:hover{border-color:#a78bfa59}.principle-icon{font-size:1.3rem;line-height:1}.principle-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.principle-body{color:var(--text-muted);font-size:.83rem;line-height:1.6}@media (width<=900px){.about-inner{grid-template-columns:1fr;gap:2.5rem}}@media (width<=480px){.about-principles{grid-template-columns:1fr}}.contact{background:var(--bg)}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-tagline{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.contact-links{flex-direction:column;gap:.75rem;display:flex}.contact-link{color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.contact-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#67e8f90a}.contact-link-icon{font-size:1.1rem}.contact-link-label{color:var(--text-muted);margin-left:auto;font-size:.75rem}.contact-form{flex-direction:column;gap:1.1rem;display:flex}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:var(--text-muted);letter-spacing:.04em;font-size:.82rem;font-weight:600}.form-field input,.form-field textarea{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);resize:vertical;border-radius:10px;padding:.7rem 1rem;font-size:.93rem;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent-cyan);outline:none}.form-submit{align-self:flex-start;padding:.7rem 1.6rem;font-size:.92rem;font-weight:700}.form-alert{border-radius:8px;padding:.7rem 1rem;font-size:.88rem}.form-alert--success{color:var(--accent-green);background:#86efac14;border:1px solid #86efac40}.form-alert--error{color:#f87171;background:#f8717114;border:1px solid #f8717140}.footer{border-top:1px solid var(--border);background:var(--bg);padding-block:2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono)}.footer-links{gap:1.25rem;display:flex}.footer-link{color:var(--text-muted);font-size:.82rem;transition:color .2s}.footer-link:hover{color:var(--accent-cyan)}@media (width<=900px){.contact-inner{grid-template-columns:1fr;gap:2.5rem}}.ai-canvas-wrap{border-radius:var(--radius-card);width:100%;height:100%;position:relative;overflow:hidden}.ai-canvas{border-radius:var(--radius-card);width:100%;height:100%;display:block}.ai-canvas-border{border-radius:var(--radius-card);pointer-events:none;border:1px solid #67e8f92e;position:absolute;inset:0;box-shadow:inset 0 0 40px #67e8f90a,0 0 40px #67e8f90f}.hero{align-items:center;min-height:100svh;padding-top:80px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--glow-violet) 0%, transparent 70%);pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:-20%;right:-10%}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;display:grid;position:relative}.hero-copy{flex-direction:column;gap:1.5rem;display:flex}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent-cyan);opacity:.6;width:24px;height:1px;display:block}.hero-h1{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:800;line-height:1.1}.hero-h1 .accent{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-supporting{color:var(--text-secondary);max-width:52ch;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{height:460px;position:relative}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;height:300px}.hero-h1{font-size:clamp(2rem,6vw,2.8rem)}}@media (width<=480px){.hero-visual{height:220px}.hero-h1{font-size:2rem}}.navbar{z-index:200;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border);background:#080b14d1}.navbar-inner{align-items:center;gap:2rem;height:64px;display:flex}.navbar-brand{font-family:var(--font-sans);color:var(--text-primary);white-space:nowrap;margin-right:auto;font-size:1.05rem;font-weight:800}.brand-mono{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:400}.navbar-links{gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:8px;padding:.4rem .75rem;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-link:hover,.nav-link--active{color:var(--text-primary);background:#ffffff0d}.nav-link--btn{cursor:pointer;background:0 0;border:none;font-family:inherit}.nav-resume{white-space:nowrap;padding:.45rem 1rem;font-size:.85rem}.navbar-toggle{border-radius:6px;padding:.4rem;transition:background .2s;display:none}.navbar-toggle:hover{background:#ffffff12}.hamburger{flex-direction:column;justify-content:space-between;width:22px;height:16px;display:flex}.hamburger span{background:var(--text-secondary);transform-origin:50%;border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#080b14f5;max-height:0;transition:max-height .3s;display:none;overflow:hidden}.mobile-menu--open{max-height:400px}.mobile-menu nav{padding:1rem var(--px-mobile) 1.5rem;flex-direction:column;gap:.25rem;display:flex}.mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border);border-radius:8px;padding:.65rem .5rem;font-size:1rem;font-weight:500;transition:color .2s,background .2s}.mobile-link:last-child{border-bottom:none}.mobile-link:hover{color:var(--text-primary);background:#ffffff0a}.mobile-link--btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.mobile-link--cta{color:var(--accent-cyan);border-bottom:none;margin-top:.5rem}@media (width<=767px){.navbar-links,.nav-resume{display:none}.navbar-toggle{display:flex}.mobile-menu{display:block}}.projects{background:var(--surface)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.project-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:.9rem;padding:1.6rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.project-card:hover{border-color:#a78bfa66;transform:translateY(-3px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #a78bfa26}.project-card--featured{border-color:#67e8f933}.project-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);font-size:.7rem}.project-status{border-radius:var(--radius-badge);border:1px solid var(--border);color:var(--text-muted);padding:.2rem .6rem;font-size:.7rem;font-weight:600}.project-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.project-desc{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.4rem;display:flex}.project-tech-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-badge);padding:.2rem .55rem;font-size:.75rem}.project-links{gap:.75rem;margin-top:auto;display:flex}.project-link{color:var(--accent-violet);font-size:.82rem;font-weight:600;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.project-link:hover{text-decoration:underline}.project-link--live{color:var(--accent-cyan)}@media (width<=480px){.project-grid{grid-template-columns:1fr}}.skills{background:var(--bg)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.4rem;transition:border-color .2s}.skill-group:hover{border-color:#67e8f94d}.skill-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-cyan);margin-bottom:.9rem;font-size:.72rem}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-tag{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-badge);padding:.3rem .7rem;font-size:.8rem;transition:border-color .2s,color .2s}.skill-tag:hover{border-color:var(--accent-violet);color:var(--accent-violet)}#main-content{scroll-padding-top:64px}