@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #05070a;--fg: #e0e6ed;--muted: #6b7c93;--accent: #00d4ff;--accent-warm: #ff8c00;--border: rgba(0, 212, 255, .15);--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-main);overflow-x:hidden;line-height:1.2;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 100%,rgba(255,140,0,.05) 0%,transparent 50%)}#cursor{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 15px var(--accent),0 0 30px var(--accent);transition:transform .1s ease}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;opacity:.8}#canvas-container canvas{display:block;width:100%;height:100%}@media(hover:none),(pointer:coarse){*{cursor:auto}#cursor{display:none}}@media(prefers-reduced-motion:reduce){.marquee-content{animation:none}.nav-links,.nav-backdrop,.nav-toggle span{transition:none}#cursor{display:none}*{cursor:auto}}nav{position:fixed;top:0;width:100%;padding:40px 60px;display:flex;justify-content:space-between;align-items:center;z-index:1000;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.logo{color:var(--accent);font-weight:700;text-decoration:none}.nav-toggle{display:none;position:relative;width:30px;height:22px;background:none;border:none;padding:0;z-index:1001}.nav-toggle span{position:absolute;left:0;width:100%;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:transform .3s ease,top .3s ease,opacity .2s ease}.nav-toggle span:nth-child(1){top:3px}.nav-toggle span:nth-child(2){top:10px}.nav-toggle span:nth-child(3){top:17px}.nav-toggle.open span:nth-child(1){top:10px;transform:rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){top:10px;transform:rotate(-45deg)}.nav-backdrop{display:none}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--fg);text-decoration:none;transition:all .3s;opacity:.7}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent);opacity:1;text-shadow:0 0 10px var(--accent)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 60px}section{padding:160px 0;position:relative}.section-label{font-family:var(--font-mono);font-size:10px;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:12px;letter-spacing:.4em;text-shadow:0 0 5px var(--accent)}.section-label:before{content:"";width:40px;height:1px;background:var(--accent);box-shadow:0 0 5px var(--accent)}.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:100px}.hero h1{font-size:clamp(32px,11vw,160px);font-weight:200;letter-spacing:-.02em;text-transform:uppercase;line-height:.9;margin-bottom:60px;color:#fff}.hero h1 span{font-weight:900;display:block}.hero-meta{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border);padding-top:32px;position:relative}.hero-meta:before{content:"";position:absolute;top:-1px;left:0;width:100px;height:1px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.meta-block h3{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-bottom:12px;letter-spacing:.2em}.meta-block p{font-size:14px;max-width:300px;font-weight:400;letter-spacing:.05em;color:#bdc3c7}.about-body{max-width:720px;color:var(--muted);font-size:16px;line-height:1.9;letter-spacing:.02em}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.project-card{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0a0c10;border:1px solid var(--border);transition:all .6s cubic-bezier(.16,1,.3,1)}.project-card:nth-child(2n){margin-top:100px}.project-card:hover{border-color:var(--accent);box-shadow:0 0 30px #00d4ff1a}.project-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(60%) brightness(1.1);transition:all .8s ease}.project-card:hover img,.project-card:focus-within img{filter:grayscale(0%) brightness(1.3);transform:scale(1.05)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,10,.95) 0%,rgba(5,7,10,.75) 32%,transparent 62%);z-index:1;pointer-events:none;transition:opacity .8s ease}.project-info{position:absolute;bottom:40px;left:40px;right:40px;z-index:2}.project-info h2{font-size:28px;font-weight:900;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase;overflow-wrap:break-word}.project-description{font-size:14px;line-height:1.7;color:#bdc3c7;margin-bottom:16px;max-width:480px}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:9px;padding:4px 12px;border:1px solid rgba(0,212,255,.3);color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.project-links{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.project-link{font-family:var(--font-mono);font-size:9px;padding:6px 14px;border:1px solid var(--accent);background:#00d4ff0d;color:var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s}.project-link:hover,.project-link:focus-visible{background:var(--accent);color:var(--bg);box-shadow:0 0 20px #00d4ff66}.project-link.pending{border-color:var(--border);background:transparent;color:var(--muted)}.stack-list{display:flex;flex-direction:column}.stack-item{display:grid;grid-template-columns:.5fr 2fr 1fr;padding:40px 0;border-bottom:1px solid var(--border);align-items:center;transition:all .4s}.stack-item:hover{background:linear-gradient(90deg,rgba(0,212,255,.03),transparent);padding-left:20px}.stack-index{font-family:var(--font-mono);font-size:12px;color:var(--accent);opacity:.5}.stack-name{font-size:32px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stack-details{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:right;letter-spacing:.1em}.timeline{display:flex;flex-direction:column;gap:100px}.experience-row{display:grid;grid-template-columns:1fr 2fr;gap:100px}.exp-year{font-size:72px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--border);position:relative}.experience-row:hover .exp-year{color:var(--fg);-webkit-text-stroke:1px var(--fg);text-shadow:0 0 20px rgba(255,255,255,.2)}.exp-content h4{font-size:20px;margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.exp-content p{color:var(--muted);max-width:500px;line-height:1.8;font-size:15px}.contact-footer{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to top,rgba(255,140,0,.1),transparent)}.contact-footer h2{font-size:clamp(40px,8vw,100px);font-weight:900;text-transform:uppercase;margin-bottom:60px;letter-spacing:-.02em}.big-button{display:inline-block;padding:24px 64px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-size:14px;font-family:var(--font-mono);letter-spacing:.3em;font-weight:700;transition:all .4s;position:relative;background:#00d4ff0d;box-shadow:0 0 20px #00d4ff1a}.big-button:hover:not(:disabled),.big-button:focus-visible:not(:disabled){background:var(--accent);color:var(--bg);box-shadow:0 0 40px var(--accent);transform:translateY(-5px)}.big-button:disabled{opacity:.5}.contact-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px;margin-bottom:40px;text-align:left}.contact-form label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;padding:16px;background:#00d4ff08;border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;transition:all .3s}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);background:#00d4ff0f;box-shadow:0 0 20px #00d4ff1a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b7c9399}.form-error{font-family:var(--font-mono);font-size:11px;color:var(--accent-warm);letter-spacing:.15em;text-transform:uppercase;margin-top:20px}.colophon{margin-top:60px;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.2em}.marquee{overflow:hidden;white-space:nowrap;padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:100px 0;background:#ffffff05}.marquee-content{display:inline-block;animation:marquee 48s linear infinite}.marquee-content span{font-size:80px;font-weight:900;text-transform:uppercase;padding:0 60px;color:transparent;-webkit-text-stroke:1px rgba(0,212,255,.2);letter-spacing:.2em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.thankyou-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px}.thankyou-page h1{font-size:clamp(40px,8vw,90px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:24px}.thankyou-page p{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:60px}@media(max-width:768px){.container{padding:0 24px}nav{padding:20px 24px}.nav-toggle{display:block}.nav-links{position:fixed;inset:0 0 0 auto;width:min(76vw,300px);flex-direction:column;justify-content:center;gap:0;padding:24px 28px;background:#05070afa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border);box-shadow:-20px 0 60px #000000b3;transform:translate(100%);visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;z-index:999}.nav-links.open{transform:translate(0);visibility:visible}.nav-links a{opacity:1;padding:18px 0;font-size:13px;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}.nav-backdrop{display:block;position:fixed;inset:0;background:#05070a99;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;z-index:998}.nav-backdrop.open{opacity:1;visibility:visible}.section-label{font-size:9px;letter-spacing:.25em;gap:8px}.section-label:before{width:24px}.big-button{font-size:12px;letter-spacing:.2em;padding:18px 28px}.stack-name{font-size:18px}.stack-details{font-size:10px}.contact-form{max-width:100%}}@media(max-width:380px){nav{padding:18px 16px}.logo{font-size:9px;letter-spacing:.18em}.nav-toggle{font-size:10px;letter-spacing:.12em}.container{padding:0 16px}.project-info{bottom:24px;left:20px;right:20px}.project-info h2{font-size:22px}.hero-meta{grid-template-columns:1fr;gap:32px}.projects-grid{grid-template-columns:1fr}.project-card:nth-child(2n){margin-top:0}#work{padding:0 14px}.projects-grid{gap:32px}.project-card{aspect-ratio:15/22}.project-info{bottom:28px;left:24px;right:24px}.project-info h2{font-size:26px}.project-description{font-size:14px;line-height:1.65;margin-bottom:14px}.stack-item{grid-template-columns:1fr 1fr}.stack-index{display:none}.experience-row{grid-template-columns:1fr;gap:40px}.exp-year{font-size:50px}.marquee-content span{font-size:44px;padding:0 30px}section{padding:100px 0}}@media(max-height:500px)and (orientation:landscape){nav{padding:16px 32px}.hero{min-height:auto;padding-top:96px;padding-bottom:48px}.hero h1{font-size:clamp(32px,7vw,64px);margin-bottom:32px}.hero-meta{padding-top:20px}section{padding:80px 0}.marquee{margin:48px 0;padding:32px 0}.marquee-content span{font-size:40px}.contact-footer{min-height:auto;padding:96px 0}.thankyou-page{min-height:auto;padding:96px 24px}.timeline{gap:48px}}