@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface2:#181818;--border:#222;--accent:#b8ff57;--accent2:#57ffb8;--text:#e8e8e8;--muted:#666;--font-display:"Syne", sans-serif;--font-mono:"Space Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ab3;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.25rem 3rem;transition:border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{border-color:var(--border)}.nav-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;font-size:.85rem;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}section{z-index:1;position:relative}#hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:8rem 3rem 4rem;display:grid}.hero-left{position:relative}.hero-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;opacity:0;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;animation:.6s .1s forwards fadeUp;display:flex}.hero-tag:before{content:"";background:var(--accent);width:2rem;height:1px}h1.hero-name{letter-spacing:-.02em;opacity:0;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1;animation:.6s .2s forwards fadeUp}h1.hero-name span{color:var(--accent)}.hero-role{color:var(--muted);opacity:0;margin-top:1.5rem;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:600;animation:.6s .35s forwards fadeUp}.hero-bio{font-family:var(--font-mono);color:#888;opacity:0;max-width:42ch;margin-top:1.5rem;font-size:.85rem;line-height:1.8;animation:.6s .45s forwards fadeUp}.hero-ctas{opacity:0;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;animation:.6s .55s forwards fadeUp;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #b8ff5740}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-right{opacity:0;animation:.7s .3s forwards fadeLeft}.terminal{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a}.terminal-bar{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-r{background:#ff5f57}.dot-y{background:#ffbd2e}.dot-g{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--muted);margin-left:.5rem;font-size:.7rem}.terminal-body{font-family:var(--font-mono);padding:1.5rem;font-size:.82rem;line-height:2}.t-prompt{color:var(--accent)}.t-cmd{color:var(--text)}.t-comment{color:#555;font-style:italic}.t-string{color:#57ffb8}.t-key{color:#ff9d57}.t-cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:1em;animation:1s step-end infinite blink;display:inline-block}#skills{border-top:1px solid var(--border);padding:6rem 3rem}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.72rem;display:flex}.section-label:before{content:"";background:var(--accent);width:1.5rem;height:1px}.section-title{letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.skill-chip{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:4px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.skill-chip:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-3px);box-shadow:0 8px 24px #b8ff5714}.skill-icon{font-size:1.6rem}.skill-name{font-family:var(--font-mono);color:var(--text);letter-spacing:.05em;font-size:.72rem}.skill-level{font-family:var(--font-mono);color:var(--muted);font-size:.62rem}#projects{border-top:1px solid var(--border);padding:6rem 3rem}.projects-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));transform-origin:0;height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover{border-color:#333;transform:translateY(-4px);box-shadow:0 16px 48px #00000080}.project-card:hover:before{transform:scaleX(1)}.project-card.featured{grid-column:span 2;grid-template-columns:1fr 1fr;gap:2rem;display:grid}.project-card.featured .project-info{flex-direction:column;gap:1rem;display:flex}.project-card.featured .project-visual{background:var(--surface2);border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;min-height:180px;font-size:4rem;display:flex}.project-number{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;font-size:.68rem}.project-title{letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.project-desc{font-family:var(--font-mono);color:#888;font-size:.78rem;line-height:1.75}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;background:#b8ff5712;border:1px solid #b8ff5726;border-radius:2px;padding:.25rem .65rem;font-size:.65rem}.project-links{gap:.75rem;margin-top:.5rem;display:flex}.project-link{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.3rem;font-size:.7rem;text-decoration:none;transition:color .2s;display:flex}.project-link:hover{color:var(--accent)}#education{border-top:1px solid var(--border);padding:6rem 3rem}.edu-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.75rem;padding:1.75rem;transition:border-color .25s;display:flex}.edu-card:hover{border-color:#333}.edu-icon{font-size:1.75rem}.edu-inst{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.edu-title{font-size:1.05rem;font-weight:700}.edu-period{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.edu-desc{font-family:var(--font-mono);color:#777;font-size:.76rem;line-height:1.7}#contact{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:start;gap:6rem;padding:6rem 3rem 8rem;display:grid}.contact-left h2{letter-spacing:-.02em;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.contact-left h2 span{color:var(--accent)}.contact-left p{font-family:var(--font-mono);color:#777;max-width:38ch;margin-top:1.5rem;font-size:.82rem;line-height:1.8}.contact-right{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.contact-link{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .25s;display:flex}.contact-link:hover{border-color:var(--accent);background:var(--surface2);transform:translate(4px)}.contact-icon{flex-shrink:0;font-size:1.3rem}.contact-info{flex:1}.contact-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem}.contact-value{margin-top:.2rem;font-size:.95rem;font-weight:600}.contact-arrow{color:var(--muted);font-size:1.1rem;transition:color .25s}.contact-link:hover .contact-arrow{color:var(--accent)}footer{border-top:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex;position:relative}footer p{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}footer span{color:var(--accent)}.availability{font-family:var(--font-mono);color:#28c840;opacity:0;background:#28c84014;border:1px solid #28c84033;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.68rem;animation:.5s forwards fadeUp;display:inline-flex}.availability-dot{background:#28c840;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #28c84066}50%{box-shadow:0 0 0 5px #28c84000}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}@media (width<=900px){nav{padding:1rem 1.5rem}.nav-links{gap:1.5rem}#hero{grid-template-columns:1fr;gap:3rem;padding:7rem 1.5rem 4rem}.hero-right{order:-1}#skills,#projects,#education{padding:4rem 1.5rem}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1;grid-template-columns:1fr}.project-card.featured .project-visual{min-height:120px}.edu-grid{grid-template-columns:1fr}#contact{grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem 6rem}footer{text-align:center;flex-direction:column;gap:.75rem}}