: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,#1f2937 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,#111827 0,#020617 50%,transparent 100%);pointer-events:none;z-index:0}.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:#fb7185;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:#fb7185;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:#fb7185;color:#020617;box-shadow:0 18px 45px #f8717173}.btn-primary:hover{background:#f97373;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#4b5563;color:#e5e7eb}.btn-outline:hover{border-color:#fb7185;color:#fb7185}.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(248,113,113,.7),transparent 60%);box-shadow:0 0 70px #f871718c}.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(251,113,133,.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(248,113,113,.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:#f97373}.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(251,113,133,.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(251,113,133,.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:#f8717199}.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:#fb7185;box-shadow:0 0 0 6px #fb71851f}.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(251,113,133,.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 #fb71851f;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:#fb7185;background:#fb718526;flex-shrink:0;transition:color .2s,background .2s}.project-info-icon:hover{color:#f9fafb;background:#fb718559}.project-card h3{font-size:1rem;margin-bottom:4px}.project-meta{font-size:.8rem;color:#fb7185;margin-bottom:8px}.project-card-body>p{font-size:.86rem;color:#9ca3af;margin-bottom:10px;flex:1}.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,#fb718526,#0f172af2);border:2px solid rgba(251,113,133,.4);border-radius:20px;padding:28px;box-shadow:0 20px 60px #fb718533,0 0 0 1px #fb71851a;position:relative;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 20px 60px #fb718533,0 0 0 1px #fb71851a}50%{box-shadow:0 20px 60px #fb718559,0 0 0 1px #fb718533}}.contact-info h3{font-size:1.2rem;margin:0 0 8px;color:#fb7185}.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:#fb7185}.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,#fb718533,#0f172ae6);border-color:#fb718580;font-weight:500}.contact-link-primary:hover{background:linear-gradient(135deg,#fb71854d,#0f172af2);border-color:#fb7185;transform:translateY(-2px);box-shadow:0 8px 20px #fb71854d}.contact-link:hover{border-color:#fb7185;color:#fb7185;transform:translateY(-2px);box-shadow:0 4px 12px #fb718533}.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(248,113,113,.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}}