@import "https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--racing-red:#e10600;--racing-red-dark:#b00500;--racing-red-glow:#e1060099;--carbon-black:#0a0a0a;--carbon-dark:#111;--carbon-mid:#1a1a1a;--asphalt:#222;--silver:silver;--titanium:#8a8a8a;--white:#fff;--font-heading:"Orbitron", sans-serif;--font-body:"Barlow Semi Condensed", sans-serif;--font-porsche:"Barlow Semi Condensed", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--carbon-black);width:100%;height:100%;color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{overscroll-behavior:none}::selection{background:var(--racing-red);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--carbon-dark)}::-webkit-scrollbar-thumb{background:var(--racing-red);border-radius:3px}a{color:inherit;text-decoration:none}.engine-page{background:var(--carbon-black);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-bg{z-index:0;background:radial-gradient(at 50% 40%,#141414 0%,#080808 60%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.dashboard-bg:before{content:"";background:radial-gradient(#e1060008 0%,#0000 60%),radial-gradient(at 20% 80%,#e1060005 0%,#0000 40%),radial-gradient(at 80% 80%,#e1060005 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.dashboard-bg:after{content:"";opacity:.4;background:repeating-conic-gradient(#ffffff01 0deg,#0000 1deg 5deg) 50%;width:100%;height:100%;position:absolute;top:0;left:0}.engine-title{font-family:var(--font-heading);letter-spacing:8px;text-transform:uppercase;color:var(--titanium);z-index:5;text-align:center;margin-bottom:40px;font-size:.8rem}.engine-title span{color:var(--racing-red);font-weight:700}.dashboard-cluster{z-index:5;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.gauge-side{z-index:2}.gauge-left{transform:translate(30px)}.gauge-right{transform:translate(-30px)}.gauge-center{z-index:3;position:relative}.gauge-container{filter:drop-shadow(0 0 20px #00000080);justify-content:center;align-items:center;display:flex;position:relative}.gauge-container svg{filter:drop-shadow(0 0 2px #e106001a)}.engine-start-btn{cursor:pointer;z-index:10;background:radial-gradient(circle at 40% 35%,#2a0000,#150000 50%,#0a0000 100%);border:2px solid #e106004d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:90px;height:90px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #e1060026,inset 0 -2px 6px #00000080,inset 0 2px 4px #e106001a}.engine-start-btn:hover:not(:disabled){border-color:#e1060099;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 40px #e106004d,0 0 80px #e106001a,inset 0 -2px 6px #00000080,inset 0 2px 4px #e1060033}.engine-start-btn:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.engine-start-btn.active{border-color:#e10600cc;animation:.4s ease-in-out infinite alternate btnPulse}.engine-start-btn.redline{border-color:red;animation:.1s ease-in-out infinite alternate btnRedline;box-shadow:0 0 60px #e10600cc,0 0 120px #e106004d,inset 0 0 20px #e106004d}@keyframes btnPulse{0%{box-shadow:0 0 20px #e106004d}to{box-shadow:0 0 50px #e1060099,0 0 100px #e1060026}}@keyframes btnRedline{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 40px #f009}to{transform:translate(-50%,-50%)scale(1.03);box-shadow:0 0 80px red}}.start-icon{color:var(--racing-red);filter:drop-shadow(0 0 6px #e1060080);font-size:1.4rem;line-height:1}.engine-start-btn.active .start-icon,.engine-start-btn.redline .start-icon{filter:drop-shadow(0 0 12px #e10600);color:#f20}.start-text{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:var(--racing-red);font-size:.5rem;font-weight:700}.dashboard-bottom{z-index:5;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:30px}.bottom-indicators{gap:25px;display:flex}.indicator{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:#333;font-size:.55rem;transition:all .3s}.indicator.on{color:#4ade80;text-shadow:0 0 8px #4ade8066}.indicator.warn{color:var(--racing-red);text-shadow:0 0 8px var(--racing-red-glow);animation:.5s ease-in-out infinite alternate indicatorBlink}@keyframes indicatorBlink{0%{opacity:.4}to{opacity:1}}.bottom-cta{font-family:var(--font-heading);letter-spacing:4px;text-transform:uppercase;color:var(--titanium);font-size:.65rem;animation:2.5s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{opacity:.4}50%{opacity:.9}}.redline-flash{z-index:20;pointer-events:none;background:#e1060014;width:100%;height:100%;animation:.15s ease-in-out infinite alternate redFlash;position:fixed;top:0;left:0}@keyframes redFlash{0%{opacity:0}to{opacity:1}}.blast-smoke-overlay{z-index:50;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blast-flash{background:0 0;animation:.8s ease-in forwards blastFadeToBlack;position:absolute}@keyframes blastFadeToBlack{0%{background:0 0}50%{background:#0a0a0acc}to{background:#0b0b0f}}.blast-flash-smooth{will-change:transform, opacity, filter;z-index:56;background:radial-gradient(circle,#fff 5%,#ff8c00 20%,#8b0000 45%,#0000 70%);border-radius:50%;width:150vw;height:150vw;animation:.8s cubic-bezier(.1,.9,.2,1) forwards blastSmoothGrow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.01)}@keyframes blastSmoothGrow{0%{opacity:1;filter:brightness(2);transform:translate(-50%,-50%)scale(.01)}20%{opacity:1;filter:brightness(1.5);transform:translate(-50%,-50%)scale(.3)}60%{opacity:.8;filter:brightness();transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;filter:brightness(.5);transform:translate(-50%,-50%)scale(2)}}.blast-ring-smooth{opacity:0;will-change:transform, opacity;z-index:57;border:4px solid #ff7800e6;border-radius:50%;width:300px;height:300px;animation:.6s cubic-bezier(.1,.8,.2,1) forwards shockwaveSmooth;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 50px #ff640099,inset 0 0 40px #ff640033}@keyframes shockwaveSmooth{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}50%{opacity:.8;border-width:2px;transform:translate(-50%,-50%)scale(3)}to{opacity:0;border-width:0;transform:translate(-50%,-50%)scale(6)}}.blast-spark-smooth{width:var(--size);height:var(--size);opacity:0;animation:sparkFlySmooth .5s ease-out var(--delay) forwards;will-change:transform, opacity;z-index:58;background:#fa0;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ff6b00}@keyframes sparkFlySmooth{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(1.5)}80%{opacity:.8}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-1 * var(--dist))) scale(.5)}}.engine-page:has(.redline-flash){animation:80ms ease-in-out infinite screenShake}@keyframes screenShake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(1px,-2px)}}@media (width<=900px){.dashboard-cluster{flex-direction:column;gap:0}.gauge-left,.gauge-right{transform:translate(0)translateY(0)}.gauge-left{order:2;transform:translateY(20px)}.gauge-right{order:3;transform:translateY(20px)}.gauge-center{order:1}.engine-title{letter-spacing:5px;margin-bottom:20px;font-size:.65rem}}@media (width<=600px){.gauge-side{display:none}.engine-title{letter-spacing:4px;font-size:.55rem}.bottom-indicators{gap:15px}.indicator{font-size:.45rem}}.navbar{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;transition:all .4s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(8px);background:#0a0a0ad9;border-bottom:1px solid #e106001a;height:60px}.nav-logo{font-family:var(--font-heading);color:var(--white);letter-spacing:2px;cursor:pointer;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.nav-logo .logo-accent{color:var(--racing-red)}.nav-logo .logo-dot{background:var(--racing-red);width:8px;height:8px;box-shadow:0 0 8px var(--racing-red-glow);border-radius:50%;animation:2s ease-in-out infinite logoPulse;display:inline-block}@keyframes logoPulse{0%,to{opacity:.6;box-shadow:0 0 8px var(--racing-red-glow)}50%{opacity:1;box-shadow:0 0 16px var(--racing-red-glow)}}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-link{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:var(--titanium);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 18px;font-size:.65rem;transition:all .3s;position:relative}.nav-link:hover{color:var(--white);background:#e106001a}.nav-link.active{color:var(--white);background:#e1060026}.nav-link.active:after{content:"";background:var(--racing-red);width:16px;height:2px;box-shadow:0 0 6px var(--racing-red-glow);border-radius:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-resume-btn{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--racing-red);border:1px solid var(--racing-red);cursor:pointer;background:0 0;border-radius:6px;margin-left:8px;padding:8px 22px;font-size:.6rem;transition:all .3s}.nav-resume-btn:hover{background:var(--racing-red);color:var(--white);box-shadow:0 0 20px #e106004d}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav-hamburger span{background:var(--white);border-radius:2px;width:24px;height:2px;transition:all .3s}.nav-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar{padding:0 20px}.nav-hamburger{z-index:102;display:flex}.nav-links{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af2;border-left:1px solid #e106001a;flex-direction:column;justify-content:center;gap:16px;width:70%;max-width:300px;height:100vh;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-link{padding:12px 24px;font-size:.75rem}}.shader-bg-container{z-index:1;contain:strict;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shader-bg-layer{will-change:contents;width:100%;height:100%;position:absolute;top:0;left:0}.shader-bg-overlay{pointer-events:none;z-index:2;background:radial-gradient(at 20%,#e106000a 0%,#0000 50%),radial-gradient(at 80%,#ffd70005 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.shader-bg-vignette{pointer-events:none;z-index:3;background:radial-gradient(#0000 40%,#0000008c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.spotlight-card{cursor:pointer;contain:layout style;background:#121212d9;border:1px solid #ffffff0f;border-radius:16px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.spotlight-card:hover{border-color:#ffffff1a;transform:translateY(-6px);box-shadow:0 12px 40px #0009}.spotlight-glow-layer{z-index:1;opacity:0;pointer-events:none;border-radius:inherit;background:radial-gradient(250px circle at var(--glow-x,50%) var(--glow-y,50%), hsla(var(--glow-h,0), var(--glow-s,100%), var(--glow-l,60%), .12), transparent 100%);transition:opacity .3s;position:absolute;inset:0}.spotlight-border-glow{z-index:0;opacity:0;pointer-events:none;border-radius:inherit;background:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,50%), hsla(var(--glow-h,0), var(--glow-s,100%), var(--glow-l,60%), .4), transparent 100%) border-box;-webkit-mask-composite:xor;border:1.5px solid #0000;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0)}.spotlight-card:hover .spotlight-glow-layer,.spotlight-card:hover .spotlight-border-glow{opacity:1}.spotlight-project-content{z-index:2;flex-direction:column;gap:10px;height:100%;padding:28px 24px;display:flex;position:relative}.spotlight-project-content>:not(.spotlight-project-bg-mirror):not(.spotlight-project-accent){z-index:2;position:relative}.spotlight-project-bg-mirror{opacity:.05;transform-origin:100%;pointer-events:none;filter:blur(2px);background-position:0;background-repeat:no-repeat;background-size:contain;width:140%;height:140%;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:10%;right:-25%;transform:scaleX(-1)rotate(-10deg);z-index:0!important}.spotlight-card:hover .spotlight-project-bg-mirror{opacity:.12;filter:blur();transform:scaleX(-1)rotate(-8deg)scale(1.05)translate(10%,5%)}.spotlight-project-icon{margin-bottom:2px;font-size:2.2rem}.spotlight-project-image{object-fit:contain;filter:drop-shadow(0 0 10px #ffffff1a);width:54px;height:54px;margin-bottom:8px}.spotlight-project-title{font-family:var(--font-heading);letter-spacing:1px;color:var(--white);text-transform:uppercase;font-size:.95rem;font-weight:700}.spotlight-project-subtitle{font-family:var(--font-porsche);letter-spacing:1px;color:var(--titanium);text-transform:uppercase;font-size:.7rem}.spotlight-project-desc{font-family:var(--font-body);color:#ffffff8c;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.spotlight-project-tech{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.spotlight-tech-badge{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--racing-red);background:#e1060014;border:1px solid #e106002e;border-radius:4px;padding:4px 10px;font-size:.55rem}.spotlight-project-arrow{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--racing-red);opacity:.6;margin-top:10px;font-size:.6rem;transition:opacity .3s,letter-spacing .3s}.spotlight-card:hover .spotlight-project-arrow{opacity:1;letter-spacing:3px}.spotlight-project-accent{background:var(--card-accent,var(--racing-red));opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;top:0;left:0}.spotlight-card:hover .spotlight-project-accent{opacity:1}.home-page{background:var(--carbon-black);width:100vw;height:100vh;position:relative;overflow:hidden}.page-content{z-index:10;scroll-behavior:smooth;height:100vh;position:relative;overflow:hidden auto}.page-content::-webkit-scrollbar{width:4px}.page-content::-webkit-scrollbar-thumb{background:var(--racing-red);border-radius:2px}.section{flex-direction:column;min-height:100vh;padding:120px 60px 80px;display:flex;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-tag{font-family:var(--font-heading);letter-spacing:6px;color:var(--racing-red);text-transform:uppercase;opacity:.8;margin-bottom:12px;font-size:.65rem;display:block}.section-title{font-family:var(--font-heading);color:var(--white);margin-bottom:10px;font-size:2.4rem;font-weight:800}.section-subtitle{font-family:var(--font-body);color:var(--titanium);letter-spacing:1px;font-size:.9rem}.hero-section{flex-direction:row;justify-content:center;align-items:center;gap:80px;min-height:100vh;padding-top:100px}.hero-left{flex:1;max-width:550px}.hero-number{font-family:var(--font-heading);letter-spacing:6px;color:var(--racing-red);text-transform:uppercase;margin-bottom:20px;font-size:.7rem}.hero-name{font-family:var(--font-heading);color:var(--white);text-shadow:0 0 40px #e1060026;margin-bottom:12px;font-size:3.2rem;font-weight:800;line-height:1.1}.hero-name .accent{color:var(--racing-red)}.hero-title{font-family:var(--font-body);color:var(--silver);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;font-size:.95rem;font-weight:300}.hero-divider{background:linear-gradient(90deg, var(--racing-red), var(--white));transform-origin:0;border-radius:2px;width:60px;height:2px;margin-bottom:24px}.hero-tagline{font-family:var(--font-body);color:var(--titanium);margin-bottom:30px;font-size:.92rem;line-height:1.75}.hero-tagline em{color:var(--silver);font-style:normal;font-weight:500}.hero-stats{gap:32px;margin-bottom:35px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-val{font-family:var(--font-heading);color:var(--racing-red);font-size:1.4rem;font-weight:700}.stat-lbl{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--titanium);margin-top:4px;font-size:.6rem}.hero-cta{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:var(--white);background:linear-gradient(135deg, var(--racing-red), var(--racing-red-dark));cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:.7rem;transition:all .1s;display:inline-flex;box-shadow:0 4px 20px #e106004d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #e1060080}.cta-arrow{transition:transform .3s}.hero-cta:hover .cta-arrow{transform:translate(4px)}.hero-right{flex-shrink:0}.profile-frame{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative}.profile-ring{border:2px solid #e106004d;border-radius:50%;animation:6s linear infinite ringRotate;position:absolute;inset:-10px}.profile-ring:before{content:"";background:var(--racing-red);width:8px;height:8px;box-shadow:0 0 12px var(--racing-red-glow);border-radius:50%;position:absolute;top:-3px;left:50%}.profile-ring.ring-2{border:2px solid #e106004d;animation-duration:6s;animation-direction:reverse;inset:-25px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-img{object-fit:cover;object-position:center;z-index:2;border:3px solid #e106004d;border-radius:50%;width:320px;height:320px;position:relative}.profile-glow{z-index:1;background:radial-gradient(circle,#e1060026 0%,#0000 70%);border-radius:50%;width:340px;height:340px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.projects-section{justify-content:center;align-items:stretch;padding-bottom:60px}.projects-track{scroll-behavior:smooth;cursor:grab;gap:24px;padding:20px 0 30px;display:flex;overflow-x:auto}.projects-track::-webkit-scrollbar{height:3px}.projects-track::-webkit-scrollbar-thumb{background:var(--racing-red);border-radius:2px}.project-spotlight-card{flex-shrink:0;width:320px;min-height:380px}.skills-section{justify-content:center;align-items:center}.orbit-container{justify-content:center;align-items:center;width:500px;height:500px;margin:0 auto;display:flex;position:relative}.orbit-center-avatar{z-index:5;pointer-events:none;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-center-avatar img{object-fit:contain;filter:drop-shadow(0 0 25px #e1060066);width:100%;height:100%}.orbit-ring{pointer-events:none;border:3px solid #ffffff1a;border-radius:50%;width:380px;height:380px;position:absolute}.orbit-ring-inner{border-color:#ffffff1a;width:160px;height:160px}.orbit-node{width:64px;height:64px;transform:rotate(var(--angle)) translateY(calc(-1 * var(--radius))) rotate(calc(-1 * var(--angle)));cursor:pointer;z-index:5;flex-direction:column;align-items:center;gap:6px;margin-top:-32px;margin-left:-32px;display:flex;position:absolute;top:50%;left:50%}.orbit-node-icon{width:48px;height:48px;color:var(--silver);background:#141414e6;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex;box-shadow:0 0 #e1060000}.orbit-node:hover .orbit-node-icon,.orbit-node.active .orbit-node-icon{color:var(--white);background:#e1060014;border-color:#e1060080;box-shadow:0 0 20px #e1060033,0 0 40px #e1060014}.orbit-node.active .orbit-node-icon{border-color:var(--racing-red);box-shadow:0 0 24px #e1060059,0 0 60px #e106001f}.orbit-node-label{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--titanium);text-align:center;white-space:nowrap;font-size:.5rem;transition:color .3s}.orbit-node:hover .orbit-node-label,.orbit-node.active .orbit-node-label{color:var(--white)}.skill-detail-card{z-index:10;background:#0e0e0ef2;border:1px solid #ffffff14;border-radius:14px;width:300px;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-detail-status{margin-bottom:10px}.skill-status-badge{font-family:var(--font-heading);letter-spacing:2px;color:var(--silver);text-transform:uppercase;border:1px solid #ffffff26;border-radius:4px;padding:4px 12px;font-size:.5rem}.skill-detail-title{font-family:var(--font-heading);color:var(--white);margin-bottom:6px;font-size:1.1rem;font-weight:700}.skill-detail-desc{font-family:var(--font-body);color:#ffffff80;margin-bottom:16px;font-size:.8rem;line-height:1.5}.skill-detail-bar-section{margin-bottom:16px}.skill-bar-header{font-family:var(--font-heading);letter-spacing:1px;color:var(--titanium);text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-size:.55rem;display:flex}.skill-bar-track{background:#ffffff0f;border-radius:4px;width:100%;height:4px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--racing-red), #e1060080);border-radius:4px;height:100%}.skill-detail-tags{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.skill-tag{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:#e10600cc;background:#e106000f;border:1px solid #e1060026;border-radius:3px;padding:3px 8px;font-size:.5rem}.skill-connected{border-top:1px solid #ffffff0d;padding-top:12px}.skill-connected-label{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--titanium);margin-bottom:8px;font-size:.5rem;display:block}.skill-connected-list{gap:8px;display:flex}.skill-connected-node{font-family:var(--font-heading);letter-spacing:1px;color:var(--silver);cursor:pointer;border:1px solid #ffffff14;border-radius:4px;padding:4px 10px;font-size:.55rem;transition:border-color .3s}.skill-connected-node:hover{color:var(--white);border-color:#e106004d}.contact-section{justify-content:center;align-items:center;min-height:80vh}.contact-grid{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:60px;display:flex}.contact-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f0f0f99;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:220px;padding:30px 24px;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:#e106004d;transform:translateY(-4px);box-shadow:0 0 30px #e106001a}.contact-icon{font-size:1.8rem}.contact-label{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:.75rem}.contact-value{font-family:var(--font-body);color:var(--titanium);text-align:center;word-break:break-all;font-size:.72rem}.footer-stripe{text-align:center;border-top:1px solid #ffffff0a;padding-top:40px}.footer-stripe p{font-family:var(--font-body);color:var(--titanium);letter-spacing:1px;opacity:.6;font-size:.7rem}.racing-stripe{z-index:100;background:linear-gradient(90deg, var(--racing-red) 0%, var(--racing-red) 33%, var(--white) 33%, var(--white) 66%, var(--white) 66%, var(--white) 100%);opacity:.5;width:100%;height:3px;position:fixed;bottom:0;left:0}@media (width<=900px){.section{padding:100px 30px 60px}.hero-section{text-align:center;flex-direction:column-reverse;gap:40px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-name{font-size:2.2rem}.hero-divider{transform-origin:50%}.hero-tagline{text-align:center}.hero-stats{justify-content:center}.profile-frame{width:200px;height:200px}.profile-img{width:170px;height:170px}.profile-glow{width:190px;height:190px}.project-card{width:280px;padding:24px 20px}.sage-orbit-container{width:320px;height:320px;transform:scale(.85)}.contact-card{width:100%;max-width:280px}.section-title{font-size:1.8rem}}@media (width<=480px){.hero-name{font-size:1.6rem}.hero-title{font-size:.7rem}.sage-orbit-container{transform:scale(.65)}}.project-page{background:var(--carbon-black);width:100vw;height:100vh;position:relative;overflow:hidden auto}.project-page-bg{z-index:0;background:radial-gradient(at 30% 30%,#e106000a 0%,#0000 50%),radial-gradient(at 70% 70%,#ffd70005 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.project-back-btn{z-index:50;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--titanium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f0f0fb3;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.65rem;transition:all .3s;display:flex;position:fixed;top:24px;left:30px}.project-back-btn:hover{color:var(--white);border-color:var(--racing-red);background:#e106001a}.project-content{z-index:5;max-width:800px;margin:0 auto;padding:100px 40px 80px;position:relative}.project-page-icon{margin-bottom:16px;font-size:3rem}.project-page-image{object-fit:contain;filter:drop-shadow(0 0 15px #ffffff26);width:72px;height:72px;margin-bottom:20px}.project-page-title{font-family:var(--font-heading);color:var(--white);margin-bottom:8px;font-size:2.6rem;font-weight:800;line-height:1.1}.project-page-subtitle{font-family:var(--font-body);color:var(--titanium);letter-spacing:2px;text-transform:uppercase;margin-bottom:30px;font-size:.85rem}.project-page-divider{border-radius:2px;width:60px;height:3px;margin-bottom:40px}.project-page-description{font-family:var(--font-body);color:#c8c8c8d9;white-space:pre-line;font-size:1rem;line-height:1.85}.project-section{margin-bottom:50px}.project-page-section-title{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:var(--racing-red);align-items:center;gap:16px;margin-bottom:24px;font-size:.8rem;display:flex}.project-page-section-title:after{content:"";background:linear-gradient(90deg,#e106004d 0%,#0000 100%);flex:1;height:1px}.project-page-tech-container{margin-bottom:50px}.project-page-tech{flex-wrap:wrap;gap:10px;display:flex}.project-page-tech .tech-tag{font-family:var(--font-heading);letter-spacing:2px;color:var(--silver);text-transform:uppercase;background:#e106000d;border:1px solid #e1060026;border-radius:4px;padding:8px 18px;font-size:.6rem}.project-page-highlights{padding:0;list-style:none}.project-page-highlights li{font-family:var(--font-body);color:#c8c8c8d9;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:12px 0;font-size:.95rem;display:flex}.project-page-highlights li:before{content:"▸";color:var(--racing-red);flex-shrink:0;font-size:1rem}.project-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{background:#14141499;border:1px solid #ffffff0d;border-radius:8px;padding:24px;transition:all .3s}.feature-card:hover{background:#e1060005;border-color:#e106004d;transform:translateY(-2px)}.feature-title{font-family:var(--font-heading);color:var(--white);letter-spacing:1px;margin-bottom:8px;font-size:.9rem}.feature-desc{font-family:var(--font-body);color:var(--titanium);font-size:.85rem;line-height:1.6}.project-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.gallery-image-wrapper{aspect-ratio:16/9;background:#0a0a0acc;border:1px solid #ffffff14;border-radius:8px;position:relative;overflow:hidden}.gallery-image-wrapper img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.gallery-image-wrapper:hover img{transform:scale(1.03)}.project-external-link-btn{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--racing-red);border:1px solid var(--racing-red);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:14px 28px;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.project-external-link-btn:hover{background:#e106001a;box-shadow:0 0 15px #e1060033}.project-not-found{text-align:center;padding-top:200px}.project-not-found h2{font-family:var(--font-heading);color:var(--white);margin-bottom:12px;font-size:2rem}.project-not-found p{color:var(--titanium);margin-bottom:30px}@media (width<=768px){.project-content{padding:90px 24px 60px}.project-page-title{font-size:1.8rem}}
