:root{--nav-h: 64px}[data-bs-theme=dark]{--bs-primary: #818cf8;--bs-primary-rgb: 129, 140, 248;--bs-emphasis-color: #e9eaee;--bs-emphasis-color-rgb: 233, 234, 238;--page-bg: #0c0d11;--hero-bg: #090a0d;--section-card-bg: #16181f;--section-card-border: #272b36;--section-card-shadow: 0 4px 12px rgba(0, 0, 0, .45);--section-card-hover-shadow: 0 10px 28px rgba(0, 0, 0, .6);--nav-bg: rgba(12, 13, 17, .72);--nav-border: rgba(255, 255, 255, .08)}[data-bs-theme=light]{--bs-primary: #4f46e5;--bs-primary-rgb: 79, 70, 229;--page-bg: #f7f7f5;--hero-bg: #eef0f6;--section-card-bg: #ffffff;--section-card-border: rgba(0, 0, 0, .1);--section-card-shadow: 0 4px 12px rgba(0, 0, 0, .06);--section-card-hover-shadow: 0 10px 24px rgba(0, 0, 0, .12);--nav-bg: rgba(247, 247, 245, .78);--nav-border: rgba(0, 0, 0, .08)}body{background-color:var(--page-bg);transition:background-color .3s ease,color .3s ease}.btn-primary{--bs-btn-bg: #6366f1;--bs-btn-border-color: #6366f1;--bs-btn-color: #fff;--bs-btn-hover-bg: #4f46e5;--bs-btn-hover-border-color: #4f46e5;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #4338ca;--bs-btn-active-border-color: #4338ca;--bs-btn-active-color: #fff;--bs-btn-focus-shadow-rgb: 99, 102, 241;--bs-btn-disabled-bg: #6366f1;--bs-btn-disabled-border-color: #6366f1}.btn-outline-primary{--bs-btn-color: var(--bs-primary);--bs-btn-border-color: var(--bs-primary);--bs-btn-hover-bg: #6366f1;--bs-btn-hover-border-color: #6366f1;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #4f46e5;--bs-btn-active-border-color: #4f46e5;--bs-btn-active-color: #fff;--bs-btn-focus-shadow-rgb: 99, 102, 241}html{scroll-behavior:smooth}.content-area{min-height:100vh;min-width:0}.detail-page{padding-top:var(--nav-h)}section{scroll-margin-top:var(--nav-h)}app-start,app-about,app-skills,app-portfolio,app-contact{display:block}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.section-card{background-color:var(--section-card-bg);border:1px solid var(--section-card-border);border-radius:.375rem;padding:1.5rem;box-shadow:var(--section-card-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;margin-bottom:1rem}.section-card:hover{transform:scale(1.03);box-shadow:var(--section-card-hover-shadow);border-color:var(--bs-primary)}.section-title{text-align:start;margin-bottom:3rem}.section-title h2,.section-title h1{color:var(--bs-emphasis-color);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;display:inline-block}.section-title h2:after,.section-title h1:after{content:"";display:block;width:3rem;height:3px;margin-top:.65rem;background-color:var(--bs-primary);border-radius:2px}.section-icon{color:var(--bs-primary)}.contact-link{color:var(--bs-secondary-color, #adb5bd);text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--bs-primary)}.topnav{position:fixed;top:0;left:0;right:0;z-index:1030;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.topnav.scrolled{background-color:var(--nav-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom-color:var(--nav-border)}.topnav-inner{height:var(--nav-h);max-width:1200px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topnav-brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--bs-emphasis-color);font-weight:600;white-space:nowrap}.topnav-avatar{border-radius:50%;border:2px solid var(--bs-primary);object-fit:cover}.topnav-name{font-size:.95rem}.topnav-links{align-items:center;gap:.35rem}.topnav-link{position:relative;color:var(--bs-secondary-color);text-decoration:none;font-size:.9rem;padding:.5rem .85rem;border-radius:.5rem;transition:color .2s ease,background-color .2s ease}.topnav-link:hover{color:var(--bs-emphasis-color)}.topnav-link:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.3rem;height:2px;background-color:var(--bs-primary);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.topnav-link.active{color:var(--bs-emphasis-color)}.topnav-link.active:after{transform:scaleX(1)}.topnav-actions{display:flex;align-items:center;gap:.5rem}.topnav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:.6rem;border:1px solid transparent;background:transparent;color:var(--bs-secondary-color);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.topnav-icon-btn:hover{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.1);border-color:rgba(var(--bs-primary-rgb),.3)}.topnav-langs{align-items:center;gap:.15rem}.topnav-lang{background:transparent;border:none;color:var(--bs-secondary-color);font-size:.82rem;font-weight:600;padding:.3rem .5rem;border-radius:.4rem;cursor:pointer;transition:color .2s ease}.topnav-lang.active{color:var(--bs-primary)}.topnav-lang:hover{color:var(--bs-emphasis-color)}.topnav-mobile{overflow:hidden;max-height:0;background-color:var(--nav-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:max-height .3s ease,border-color .3s ease}.topnav-mobile.open{max-height:26rem;border-bottom-color:var(--nav-border)}.topnav-mobile-link{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.5rem;color:var(--bs-secondary-color);text-decoration:none;border-left:3px solid transparent}.topnav-mobile-link i{color:var(--bs-primary);width:1.1rem;text-align:center}.topnav-mobile-link.active{color:var(--bs-emphasis-color);background-color:rgba(var(--bs-primary-rgb),.1);border-left-color:var(--bs-primary)}.topnav-mobile-langs{display:flex;gap:.5rem;padding:.75rem 1.5rem 1rem}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background-color:var(--hero-bg);padding:6rem 1.5rem 0}.hero-glow{position:absolute;top:32%;left:50%;width:min(720px,90vw);height:min(720px,90vw);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(var(--bs-primary-rgb),.22),rgba(var(--bs-primary-rgb),0) 65%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;animation:heroFadeUp .7s ease both}.hero-kicker{font-family:var(--bs-font-monospace, monospace);font-size:.9rem;letter-spacing:.04em;color:var(--bs-primary);margin-bottom:1rem}.hero-title{font-size:clamp(2.75rem,8vw,5.25rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;color:var(--bs-emphasis-color);margin-bottom:1.25rem}.hero-tagline{font-size:clamp(1.05rem,2.4vw,1.4rem);line-height:1.5;color:var(--bs-secondary-color);max-width:36ch;margin:0 auto 2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.25rem}.hero-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.hero-chip{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--bs-font-monospace, monospace);font-size:.82rem;color:var(--bs-secondary-color);border:1px solid var(--section-card-border);background-color:var(--section-card-bg);padding:.4rem .85rem;border-radius:2rem}.hero-chip i{color:var(--bs-primary)}.tech-marquee{position:relative;z-index:1;width:100%;overflow:hidden;padding:2.5rem 0 2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.tech-track{display:flex;align-items:center;width:max-content;animation:techScroll 60s linear infinite}.tech-logo{height:34px;width:auto;margin-right:3rem;object-fit:contain;opacity:.55;filter:grayscale(100%);transition:opacity .3s ease,filter .3s ease,transform .3s ease}.tech-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.12)}.tech-marquee:hover .tech-track{animation-play-state:paused}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes techScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hero-inner,.tech-track{animation:none}}.ventures{padding:2rem 1.25rem 0}.ventures-kicker{font-family:var(--bs-font-monospace, monospace);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-secondary-color);text-align:center;margin-bottom:1rem}.ventures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.venture-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none;padding:1rem 1.25rem;border-radius:.75rem;background-color:var(--section-card-bg);border:1px solid var(--section-card-border);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.venture-card:hover{transform:translateY(-3px);border-color:var(--bs-primary);box-shadow:var(--section-card-hover-shadow)}.venture-head{display:flex;align-items:center;gap:.65rem}.venture-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.venture-logo{max-width:100%;max-height:100%;object-fit:contain}.venture-name{font-weight:600;color:var(--bs-emphasis-color)}.venture-visit{font-size:.8rem;color:var(--bs-primary);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.profile-image{border-radius:10px;box-shadow:0 4px 10px #0006;transition:transform .3s ease,border-color .3s ease;border:1px solid transparent;object-fit:cover;height:auto;max-height:100%}.profile-image:hover{transform:scale(1.05);border-color:var(--bs-primary)}.profession-title{font-size:1.8rem;font-weight:700}.detail-text,.detail-link{font-size:1.2rem;color:var(--bs-emphasis-color)}.detail-link{font-weight:700}.detail-icon{font-size:1.5rem;color:var(--bs-primary)}.tech-badge{display:inline-flex;align-items:center;font-size:.85rem;font-weight:500;color:var(--bs-emphasis-color);background-color:rgba(var(--bs-primary-rgb),.1);border:1px solid rgba(var(--bs-primary-rgb),.25);padding:.35rem .75rem;border-radius:2rem;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.tech-badge:hover{background-color:rgba(var(--bs-primary-rgb),.18);border-color:var(--bs-primary);transform:translateY(-2px)}.portfolio-card{background-color:var(--section-card-bg);border:1px solid var(--section-card-border);border-radius:.5rem;overflow:hidden;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.portfolio-card:hover{transform:translateY(-5px);box-shadow:var(--section-card-hover-shadow);border-color:var(--bs-primary)}.image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}.portfolio-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.image-wrapper:hover .portfolio-img{transform:scale(1.03)}.overlay{position:absolute;inset:0;background:#000000a6;opacity:0;transition:opacity .3s ease}.image-wrapper:hover .overlay{opacity:1}a:focus-visible .overlay{opacity:1;background:rgba(var(--bs-primary-rgb),.7)}.contact-item{display:flex;align-items:center}.contact-item h4{font-size:1.25rem;font-weight:700}.detail-title-card{padding:1.25rem 1.5rem;border-left:4px solid var(--bs-primary)}.media-container{background-color:var(--section-card-bg);border-radius:.375rem;overflow:hidden}.detail-image{width:100%;height:400px;object-fit:cover;cursor:pointer;display:block}.carousel-control-prev,.carousel-control-next{width:5%}.carousel-arrow{color:var(--bs-primary);font-size:2rem;text-shadow:0 0 4px rgba(0,0,0,.6)}.section-card hr{border-color:var(--bs-primary);opacity:1}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1050;cursor:pointer}.fullscreen-image{max-width:100%;max-height:100%;box-shadow:0 0 20px #000000b3}@media(max-width:768px){.profession-title{font-size:1.5rem}.detail-text,.detail-link{font-size:1rem}.profile-image{border-radius:8px}.section-card h3{font-size:1.3rem}.portfolio-card h5{font-size:1rem}.contact-item h4{font-size:1.1rem}.contact-item p{font-size:.9rem}.detail-image{height:250px}.carousel-arrow{font-size:1.5rem}}@media(max-width:576px){.topnav-name{display:none}}