:root{--bg: #080810;--bg2: #0f0f1a;--amber: #ff6b2b;--amber2: #ff8c42;--cyan: #3be8d4;--cream: #f0ebe0;--muted: #7a7a9a;--border: rgba(255, 107, 43, .2);--card: rgba(255, 255, 255, .03);--grid: rgba(255, 255, 255, .03);--shadow: 0 24px 80px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--cream);font-family:DM Mono,monospace;font-weight:400;line-height:1.5;cursor:crosshair;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px}body:after{z-index:0;opacity:.04;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwIDAgMTYwIDE2MCc+PGZpbHRlciBpZD0nbic+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuOCcgbnVtT2N0YXZlcz0nNCcgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyBmaWx0ZXI9J3VybCgjbiknIG9wYWNpdHk9JzAuNCcvPjwvc3ZnPg==);background-size:180px 180px;mix-blend-mode:screen}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:crosshair}img,svg{display:block;max-width:100%}strong{color:var(--cream);font-weight:400}::selection{background:#ff6b2b3d;color:var(--cream)}#root{position:relative;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ff6b2b40;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#ff8c4273}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.app-shell,.site-main{position:relative}.site-header{position:fixed;top:0;left:0;width:100%;z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#080810b3;border-bottom:1px solid var(--border)}.site-header__inner,.section-heading,.about-grid,.projects-grid,.skills-grid,.contact-grid,.hero-section,.site-footer{width:min(100%,1400px);margin:0 auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 4rem}.site-logo{display:inline-flex;align-items:baseline;font-family:Syne,sans-serif;font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.site-logo__amber{color:var(--amber)}.site-logo__cream{color:var(--cream)}.site-nav{position:relative}.site-nav__links{display:flex;align-items:center;gap:3rem}.site-nav__link{color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;transition:color .18s ease,transform .18s ease}.site-nav__link:hover,.site-nav__link:focus-visible{color:var(--amber);transform:translateY(-1px)}.site-nav__toggle{display:none}.section-divider{height:1px;margin:0 4rem;background:var(--border)}.section,.hero-section{position:relative;overflow:clip}.section{padding:8rem 4rem;scroll-margin-top:6rem}.section>*,.hero-section>*{position:relative;z-index:1}.section-heading{margin-bottom:4rem}.section-label{display:inline-flex;align-items:center;gap:1rem;margin:0 0 1.5rem;color:var(--amber);font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase}.section-label:after{content:"";width:60px;height:1px;background:var(--amber)}.section-title{margin:0;font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.section-title span{display:block}.corner-marker{position:absolute;width:20px;height:20px;opacity:.3}.corner-marker-top-left{top:2.25rem;left:2.25rem;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.corner-marker-top-right{top:2.25rem;right:2.25rem;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan)}.corner-marker-bottom-right{right:2.25rem;bottom:2.25rem;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan)}.hero-section{min-height:100vh;display:flex;align-items:center;padding:0 4rem}.hero-section__content{max-width:640px;padding:8rem 0 6rem}.hero-section__eyebrow,.hero-section__title,.hero-section__copy,.hero-section__actions{opacity:0;animation:fadeUp .8s ease forwards}.hero-section__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 1.5rem;color:var(--cyan);font-size:.7rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;animation-delay:.1s}.hero-section__eyebrow:before{content:"";width:40px;height:1px;background:var(--cyan)}.hero-section__title{margin:0;font-family:Syne,sans-serif;font-size:clamp(4rem,10vw,9rem);font-weight:800;letter-spacing:-.02em;line-height:.95;animation-delay:.25s}.hero-section__title-line{display:block}.hero-section__title-line--solid{color:var(--cream)}.hero-section__title-line--outline{color:transparent;-webkit-text-stroke:1.5px var(--amber);position:relative}.hero-section__cursor{display:inline-block;width:3px;height:.9em;margin-left:.14em;background:var(--amber);vertical-align:-.08em;animation:blink 1s step-end infinite}.hero-section__copy{max-width:480px;margin:1.75rem 0 0;color:var(--muted);font-size:1rem;line-height:1.8;animation-delay:.4s}.hero-section__actions{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;animation-delay:.55s}.button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:1rem 1.5rem;font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.button--primary{color:var(--bg);background:var(--amber);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.button--primary:hover,.button--primary:focus-visible{background:var(--amber2);transform:translateY(-2px)}.button--ghost{color:var(--cream);border-bottom:1px solid var(--border)}.button--ghost:hover,.button--ghost:focus-visible{color:var(--amber);border-color:var(--amber)}.hero-decoration{position:absolute;top:50%;right:4rem;width:min(380px,32vw);height:auto;opacity:.12;transform:translateY(-50%)}.tech-stroke-amber,.tech-stroke-cyan{fill:none;stroke-width:1.5}.tech-stroke-amber{stroke:var(--amber)}.tech-stroke-cyan{stroke:var(--cyan)}.tech-diagonal{stroke-width:1}.tech-fill-amber{fill:var(--amber)}.tech-fill-cyan{fill:var(--cyan)}.hero-section__scroll{position:absolute;bottom:2rem;left:4rem;color:var(--muted);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.hero-section__scroll:after{content:"";display:block;width:1px;height:60px;margin-top:.8rem;background:linear-gradient(to bottom,var(--border),transparent)}.section-ghost{position:absolute;top:50%;left:50%;z-index:0;color:transparent;font-family:Syne,sans-serif;font-size:18vw;font-weight:800;line-height:1;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-48%);-webkit-text-stroke:1px var(--amber)}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.about-copy,.contact-copy{display:grid;gap:1.5rem}.about-copy p,.contact-copy p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.9}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow)}.about-stat{background:var(--bg2);padding:2rem}.about-stat__value{margin:0 0 .9rem;color:var(--amber);font-family:Syne,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1}.about-stat__label{margin:0;color:var(--muted);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--border);background:var(--border)}.project-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:2.5rem;background:var(--bg2);overflow:hidden;transition:background-color .18s ease,transform .18s ease}.project-card:hover,.project-card:focus-visible{background:#ff6b2b0d}.project-card__accent{position:absolute;top:0;left:0;width:3px;height:0;background:var(--amber);transition:height .22s ease}.project-card:hover .project-card__accent,.project-card:focus-visible .project-card__accent{height:100%}.project-card__index{margin:0 0 3rem;color:var(--muted);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.project-card__title{margin:0 0 1rem;color:var(--cream);font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.2}.project-card__description{margin:0;color:var(--muted);font-size:.8rem;line-height:1.7}.project-card__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-right:2.25rem}.project-card__tag{padding:.3rem .7rem;border:1px solid var(--border);color:var(--muted);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.project-card__tag--accent{border-color:#3be8d466;color:var(--cyan)}.project-card__arrow{position:absolute;right:2.3rem;bottom:2rem;color:var(--muted);font-size:1.2rem;transition:color .18s ease,transform .18s ease}.project-card:hover .project-card__arrow,.project-card:focus-visible .project-card__arrow{color:var(--amber);transform:translate(4px,-4px)}.section--skills{background:var(--bg2)}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem}.skill-column__title{margin:0 0 1.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--border);color:var(--amber);font-size:.65rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase}.skill-column__list{margin:0;padding:0;list-style:none}.skill-column__item{display:flex;gap:.65rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted);font-size:.8rem;transition:color .18s ease}.skill-column__item:hover{color:var(--cream)}.skill-column__bullet{color:var(--amber)}.contact-list{border:1px solid var(--border)}.contact-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);transition:background-color .18s ease,padding-left .18s ease,color .18s ease}.contact-list__item:last-child{border-bottom:none}.contact-list__item:hover,.contact-list__item:focus-visible{background:#ff6b2b12;padding-left:2.5rem}.contact-list__meta{display:grid;gap:.35rem}.contact-list__label{color:var(--muted);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;transition:color .18s ease}.contact-list__value{color:var(--cream);transition:color .18s ease}.contact-list__arrow{color:var(--muted);transition:color .18s ease,transform .18s ease}.contact-list__item:hover .contact-list__label,.contact-list__item:hover .contact-list__value,.contact-list__item:hover .contact-list__arrow,.contact-list__item:focus-visible .contact-list__label,.contact-list__item:focus-visible .contact-list__value,.contact-list__item:focus-visible .contact-list__arrow{color:var(--amber)}.contact-list__item:hover .contact-list__arrow,.contact-list__item:focus-visible .contact-list__arrow{transform:translate(4px,-4px)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 4rem;border-top:1px solid var(--border)}.site-footer__item{margin:0;color:var(--muted);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;text-align:center}.site-footer__item--brand{display:inline-flex;align-items:center;gap:.7rem;text-align:left}.site-footer__dot{width:6px;height:6px;border-radius:50%;background:var(--amber)}@media (max-width: 1080px){.projects-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-decoration{width:min(300px,28vw)}}@media (max-width: 767px){.site-header__inner,.hero-section,.section,.site-footer{padding-left:1.5rem;padding-right:1.5rem}.site-header__inner{padding-top:1rem;padding-bottom:1rem}.site-nav__toggle{display:inline-flex;flex-direction:column;gap:.35rem;padding:0;border:0;background:transparent}.site-nav__toggle span{width:20px;height:1px;background:var(--cream)}.site-nav__links{position:absolute;top:calc(100% + .9rem);right:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:180px;padding:1rem 1.2rem;border:1px solid var(--border);background:#0f0f1af5;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.site-nav__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-section{min-height:100svh;padding-top:0}.hero-section__content{padding:7rem 0 5rem}.hero-decoration{display:none}.hero-section__scroll{left:1.5rem;bottom:1.5rem}.section{padding-top:6rem;padding-bottom:6rem}.section-divider{margin:0 1.5rem}.about-grid,.contact-grid,.projects-grid,.skills-grid{grid-template-columns:1fr;gap:2rem}.projects-grid{background:transparent;border:0}.project-card{border:1px solid var(--border);min-height:320px}.about-stats{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column;align-items:flex-start}.site-footer__item{text-align:left}.corner-marker-top-left,.corner-marker-top-right{top:1.5rem}.corner-marker-top-left{left:1.5rem}.corner-marker-top-right,.corner-marker-bottom-right{right:1.5rem}.corner-marker-bottom-right{bottom:1.5rem}}@media (max-width: 520px){.hero-section__actions{flex-direction:column;align-items:flex-start}.button{width:100%}.about-stats{grid-template-columns:1fr}.contact-list__item{padding-right:1.5rem}}