:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#020617}#root{min-height:100vh}a{color:inherit}.portfolio{min-height:100vh;color:#f9fafb;background:#020617;padding:0;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;position:relative}.logo,.nav a,.hero-eyebrow,.hero-subtitle,.hero-title-inline,.hero-description,.btn,.hero-tech-strip span,.hero-portrait-ring,.hero-portrait,.service,.about-content h2,.about-content p,.stat,.section-header,.info-card,.chip,.timeline-marker,.timeline-card,.timeline-card li,.project-card,.project-tags li,.contact-header-wrapper h2,.contact-subtitle,.contact-highlight,.contact-info h3,.contact-location,.contact-link-primary,.contact-link,.portfolio-footer span{opacity:0}.portfolio:before{content:"";position:fixed;top:0;left:0;width:50%;height:100%;background:radial-gradient(circle at top left,rgba(15,35,45,.6) 0,#020617 50%,transparent 100%);pointer-events:none;z-index:0}.portfolio:after{content:"";position:fixed;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at top right,rgba(10,25,35,.5) 0,#020617 50%,transparent 100%);pointer-events:none;z-index:0}.portfolio-bg{position:fixed;z-index:-1;overflow:hidden;pointer-events:none;max-width:1400px;inset:0 0 0 50%;transform:translate(-50%)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:48px 48px;animation:bg-grid-drift 25s linear infinite}@keyframes bg-grid-drift{0%{transform:translate(0)}to{transform:translate(48px,48px)}}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:bg-glow-float 20s ease-in-out infinite}.bg-glow-1{width:400px;height:400px;background:#06b6d466;top:10%;left:5%;animation-delay:0s;animation-duration:18s}.bg-glow-2{width:320px;height:320px;background:#06b6d440;top:60%;right:10%;animation-delay:-7s;animation-duration:22s}.bg-glow-3{width:280px;height:280px;background:#0891b233;bottom:15%;left:20%;animation-delay:-14s;animation-duration:25s}@keyframes bg-glow-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(6,182,212,.12) 1px,transparent 1px);background-size:32px 32px;animation:bg-dots-scroll 40s linear infinite;opacity:.5}@keyframes bg-dots-scroll{0%{transform:translate(0)}to{transform:translate(32px,-32px)}}.bg-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);animation:bg-scanline 12s linear infinite;pointer-events:none;opacity:.35}@keyframes bg-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.portfolio-header,main,.portfolio-footer{position:relative;z-index:1;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}.portfolio-header{padding-top:24px;padding-bottom:0}main{padding-top:0;padding-bottom:0}.portfolio-footer{padding-top:16px;padding-bottom:24px}.portfolio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.logo{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem}.nav{display:flex;gap:24px;font-size:.9rem}.nav a{color:#e5e7eb;text-decoration:none;position:relative;padding-bottom:4px}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#06b6d4;transition:width .2s ease-out}.nav a:hover:after{width:100%}.nav-menu{display:none;flex-direction:column;gap:4px;background:transparent;border:none;padding:4px}.nav-menu span{width:20px;height:2px;background:#e5e7eb;border-radius:999px}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);gap:40px;align-items:center;padding:32px 0 24px}.hero-text{display:flex;flex-direction:column;gap:4px}.hero-eyebrow{font-size:1.1rem;color:#e5e7eb;margin-bottom:0}.accent-dot{color:#06b6d4;font-size:1.4rem}.hero-subtitle{font-size:1.3rem;color:#9ca3af;margin-bottom:0;margin-top:2px}.hero-title-inline{font-size:clamp(2.4rem,4vw,3rem);font-weight:700;color:#f9fafb;display:block;margin:4px 0 0}.hero-title{font-size:clamp(2.4rem,4vw,3rem);font-weight:700}.hero-description{max-width:38rem;color:#9ca3af;font-size:.95rem}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.btn-primary{background:#06b6d4;color:#020617;box-shadow:0 18px 45px #06b6d473}.btn-primary:hover{background:#0891b2;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#4b5563;color:#e5e7eb}.btn-outline:hover{border-color:#06b6d4;color:#06b6d4}.hero-tech-strip{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#9ca3af}.hero-tech-strip span{padding:6px 12px;border-radius:999px;background:#1f2937cc;border:1px solid rgba(55,65,81,.9)}.hero-portrait-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.hero-portrait-ring{position:absolute;width:min(280px,70vw);height:min(280px,70vw);border-radius:999px;background:radial-gradient(circle at center,rgba(6,182,212,.7),transparent 60%);box-shadow:0 0 70px #06b6d48c}.hero-portrait{position:relative;width:min(260px,68vw);height:min(260px,68vw);border-radius:50%;object-fit:cover;object-position:center center;box-shadow:0 24px 60px #000c}.about{padding:40px 0 24px;position:relative}.about:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.3),transparent)}.about-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,3fr);gap:40px}.about-services{border-left:2px solid rgba(6,182,212,.7);padding-left:20px;display:flex;flex-direction:column;gap:18px}.service{display:flex;gap:14px;align-items:flex-start}.service-icon{width:38px;height:38px;border-radius:12px;background:#0f172ae6;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:1px solid rgba(55,65,81,.9)}.service-content h3{font-size:.95rem;margin-bottom:4px}.service-content p{font-size:.85rem;color:#9ca3af}.about-content h2,.section-header h2,.projects h2,.contact h2{font-size:1.6rem;margin-bottom:10px}.about-content p{font-size:.9rem;color:#9ca3af;margin-bottom:10px}.about-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.stat{min-width:110px}.stat-number{display:block;font-size:1.3rem;font-weight:600;color:#06b6d4}.stat-label{font-size:.8rem;color:#9ca3af}.section{padding:32px 0 24px;position:relative}.section:nth-child(2n):before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.2),transparent)}.section:nth-child(odd):before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.2),transparent)}.section-header{margin-bottom:18px}.section-subtitle{margin:0;color:#9ca3af;font-size:.9rem;max-width:40rem}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{background:#0f172ae6;border-radius:18px;padding:18px 18px 16px;border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 40px #000c}.info-card h3{font-size:1rem;margin:0 0 6px}.info-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.75rem;color:#e5e7eb;border:1px solid rgba(55,65,81,.9);background:#1f29378c;white-space:nowrap}.muted{color:#9ca3af;font-size:.85rem;margin:0 0 10px}.bullets{margin:0;padding-left:18px;color:#9ca3af;font-size:.86rem}.bullets li+li{margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{padding:5px 10px;border-radius:999px;font-size:.75rem;background:#1f2937e6;border:1px solid rgba(55,65,81,.7);color:#e5e7eb}.timeline{position:relative;display:flex;flex-direction:column;gap:18px;padding-left:18px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#06b6d499}.timeline-item{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;align-items:start}.timeline-marker{width:12px;height:12px;margin-top:22px;border-radius:999px;background:#06b6d4;box-shadow:0 0 0 6px #06b6d41f}.timeline-card{background:#0f172ae6;border-radius:18px;padding:18px 18px 16px;border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 40px #000c}.timeline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-top h3{margin:0;font-size:1rem}.projects{padding:32px 0 24px}.projects-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:#0f172ae6;border-radius:18px;overflow:hidden;border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 40px #000c;display:flex;flex-direction:column}.project-card.arc-affiliated,.project-card-frame{position:relative}.project-card.arc-affiliated .affiliation-pill{position:absolute;top:14px;right:14px;z-index:4;padding:10px 14px;border-radius:14px;border:1.5px solid rgba(6,182,212,.65);background:#0f172aeb;color:#f9fafb;font-weight:600;font-size:.85rem;letter-spacing:.2px;opacity:0;transform:translateY(-6px);pointer-events:none;box-shadow:0 10px 26px #00000073,0 0 0 1px #06b6d41f;transition:opacity .18s ease,transform .18s ease}.project-card.arc-affiliated:hover .affiliation-pill{opacity:1;transform:translateY(0)}.project-card-image{width:100%;aspect-ratio:16 / 10;min-height:140px;background:#0006;flex-shrink:0}.project-card-frame{width:100%;height:100%;padding:0;box-sizing:border-box;background:#0f172a;border-bottom:1px solid rgba(55,65,81,.6);display:flex;align-items:stretch;justify-content:center;position:relative}.project-card-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:#1f2937e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px 8px 0 0}.project-card-frame:after{content:"● ● ●";position:absolute;top:6px;left:12px;font-size:8px;letter-spacing:2px;color:#6b7280;display:none}.project-card-img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:24px 0 0}.project-card-frame--logo .project-card-img{inset:0}.project-card-img--logo{object-fit:contain;padding:28px 20px;background:#02061759}.project-card-placeholder{display:none;position:absolute;inset:24px 0 0;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#1f2937f2,#0f172afa);color:#9ca3af;font-size:.75rem}.project-card-placeholder.visible{display:flex}.project-placeholder-icon{font-size:2rem;opacity:.8}.project-card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}.project-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.project-card-title-row h3{margin:0;font-size:1rem}.project-info-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#06b6d4;background:#06b6d426;flex-shrink:0;transition:color .2s,background .2s}.project-info-icon:hover{color:#f9fafb;background:#06b6d459}.project-info-with-tooltip{position:relative;display:inline-flex;align-items:center}.project-tooltip{position:absolute;top:-44px;right:0;padding:8px 14px;border-radius:14px;background:#020617;border:1px solid #06b6d4;color:#e5e7eb;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:nowrap;box-shadow:0 12px 30px #000000b3;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.project-info-with-tooltip:hover .project-tooltip{opacity:1;transform:translateY(0)}.project-card h3{font-size:1rem;margin-bottom:4px}.project-meta{font-size:.8rem;color:#06b6d4;margin-bottom:8px}.project-card-body>p{font-size:.86rem;color:#9ca3af;margin-bottom:10px}.project-card-body .project-card-bullets{margin:0 0 10px;flex:1;font-size:.84rem}.project-card-lines{flex:1;margin-bottom:10px}.project-card-lines p{font-size:.86rem;color:#9ca3af;margin:0 0 6px;line-height:1.45}.project-card-lines p:last-child{margin-bottom:0}.project-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem}.project-tags li{padding:4px 10px;border-radius:999px;background:#1f2937e6}.contact{padding:40px 0 24px;position:relative}.contact-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:start}.contact-header-wrapper h2{font-size:1.6rem;margin-bottom:12px}.contact-subtitle{font-size:.9rem;color:#9ca3af;max-width:32rem;margin:0}.contact-highlight{background:linear-gradient(135deg,#06b6d426,#0f172af2);border:2px solid rgba(6,182,212,.4);border-radius:20px;padding:28px;box-shadow:0 20px 60px #06b6d433,0 0 0 1px #06b6d41a;position:relative;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 20px 60px #06b6d433,0 0 0 1px #06b6d41a}50%{box-shadow:0 20px 60px #06b6d459,0 0 0 1px #06b6d433}}.contact-info h3{font-size:1.2rem;margin:0 0 8px;color:#06b6d4}.contact-location{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#e5e7eb;margin:0 0 12px}.contact-location-icon{display:flex;align-items:center;justify-content:center;color:#06b6d4}.contact-location-icon svg{width:16px;height:16px}.contact-cta{font-size:.85rem;color:#9ca3af;margin:0 0 20px}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-link-primary,.contact-link{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0f172acc;border:1px solid rgba(55,65,81,.7);border-radius:12px;color:#e5e7eb;text-decoration:none;font-size:.9rem;transition:all .2s ease-out}.contact-link-primary{background:linear-gradient(135deg,#06b6d433,#0f172ae6);border-color:#06b6d480;font-weight:500}.contact-link-primary:hover{background:linear-gradient(135deg,#06b6d44d,#0f172af2);border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.contact-link:hover{border-color:#06b6d4;color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.contact-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.contact-icon svg{width:100%;height:100%;color:inherit}.portfolio-footer{padding-top:16px;margin-top:auto;font-size:.75rem;color:#6b7280}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.projects-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.portfolio-header,main,.portfolio-footer{padding-left:16px;padding-right:16px}.contact-container{grid-template-columns:minmax(0,1fr);gap:24px}.nav{display:none}.nav-menu{display:flex}.hero{grid-template-columns:minmax(0,1fr);padding-top:16px}.hero-portrait-wrapper{order:-1}.about-grid{grid-template-columns:minmax(0,1fr);gap:24px}.about-services{border-left:none;border-top:2px solid rgba(6,182,212,.7);padding-left:0;padding-top:18px}.projects-grid,.cards-grid,.skills-grid{grid-template-columns:minmax(0,1fr)}.pill{white-space:normal}.project-card.arc-affiliated .affiliation-pill{display:none}}@media(max-width:480px){.hero-title{font-size:2.1rem}.hero-actions{flex-direction:column;align-items:stretch}}