*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden;background:#fff;color:#050505;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{border-radius:8px;border:2px solid #ffffff;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;color:#fff;cursor:pointer;transition:opacity .2s ease}button:hover{opacity:.9}button:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.app-shell{position:relative;min-height:100vh}.app-shell--locked{height:100vh;overflow:hidden}.intro-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;transition:opacity .55s ease;pointer-events:none;background:#fff}.intro-stage--hidden{opacity:0;pointer-events:none}.enter-button{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:1rem 2.8rem;font-size:1.25rem;border-radius:999px;box-shadow:0 4px 12px #00000040}.portfolio-title-wrapper{position:fixed;top:20px;left:50%;transform:translate(-50%);overflow:hidden;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.portfolio-title{display:inline-block;color:#000;font-size:2.5rem;font-weight:700;font-family:Orbitron,sans-serif;text-align:center;white-space:nowrap;width:0;animation:typing 2s steps(16) forwards;overflow:hidden}.portfolio-title:after{content:"|";display:inline-block;margin-left:2px;animation:blink-cursor .75s step-end infinite}.orb-container{width:100%;height:100%;position:relative}.orb-container canvas{width:100%!important;height:100%!important}#outline{stroke-dasharray:2.427766571px,242.7766571045px;stroke-dashoffset:0;animation:anim 1.6s linear infinite}#outline-bg{stroke-dasharray:2.427766571px,242.7766571045px;stroke-dashoffset:0}.hub-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:0;pointer-events:none;transition:opacity .6s ease;background:#fff;color:#050505}.hub-stage--visible{opacity:1;pointer-events:auto}.hub-button{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:120px;height:120px;border-radius:20px;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#050505;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer;padding:0;z-index:42;transition:top .6s cubic-bezier(.4,0,.2,1),left .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),opacity .4s ease,box-shadow .3s ease}.hub-button:hover{opacity:1;box-shadow:0 4px 20px #0000001a;border-color:#00000040}.hub-button__icon{display:flex;align-items:center;justify-content:center}.hub-button__label{text-transform:uppercase}.hub-button--about{top:12%;left:35%;transform:translate(-50%)}.hub-button--projects{top:12%;left:65%;transform:translate(-50%)}.hub-button--certifications{top:42%;left:15%;transform:translate(-50%,-50%)}.hub-button--contact{top:42%;left:85%;transform:translate(-50%,-50%)}.hub-button--resume{top:72%;left:35%;transform:translate(-50%)}.hub-button--me{top:72%;left:65%;transform:translate(-50%)}.hub-button--active{top:3%;left:50%;transform:translate(-50%) scale(.85);box-shadow:0 4px 24px #0000001f;border-color:#00000040}.hub-button--shifted-0{top:15%;left:40px;transform:scale(.65)}.hub-button--shifted-1{top:33%;left:40px;transform:scale(.65)}.hub-button--shifted-2{top:51%;left:40px;transform:scale(.65)}.hub-button--shifted-3{top:69%;left:40px;transform:scale(.65)}.hub-button--shifted-4{top:84%;left:40px;transform:scale(.65)}.content-panel{position:fixed;top:15%;left:50%;transform:translate(-45%);width:min(680px,80vw);max-height:75vh;overflow-y:auto;z-index:41;border-radius:20px;border:1px solid rgba(0,0,0,.1);background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2rem;color:#1a1a1a;animation:panelFadeIn .45s ease both}.content-panel h2{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#050505}.content-panel h3{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;margin:1.2rem 0 .6rem;color:#050505}.content-panel p{line-height:1.7;color:#333}.content-panel__back{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.35rem .7rem;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#0000000a;color:#050505;font-size:.85rem;cursor:pointer}.content-panel__back:hover{background:#00000014}@keyframes panelFadeIn{0%{opacity:0;transform:translate(-45%) translateY(16px)}to{opacity:1;transform:translate(-45%) translateY(0)}}.exit-button{position:fixed;top:20px;right:20px;z-index:43;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#050505;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.exit-button:hover{background:#0000000f;border-color:#00000040}.particle-lines-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;pointer-events:none}.about-bio{margin-bottom:1rem}.about-highlights{list-style:none;margin-bottom:1rem}.about-highlights li{padding:.4rem 0 .4rem 1.2rem;position:relative;color:#333}.about-highlights li:before{content:">";position:absolute;left:0;color:#050505;font-weight:700;font-family:Orbitron,sans-serif;font-size:.8rem}.section-note{margin-bottom:1rem;color:#666}.projects-carousel{overflow:hidden;border-radius:14px;border:1px solid #d9d9df;background:#f5f6fa}.projects-track{display:flex;width:100%;transition:transform .35s ease;cursor:grab;touch-action:pan-y}.projects-track:active{cursor:grabbing}.project-card{min-width:100%;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.project-header{display:flex;align-items:center;gap:.8rem}.project-icon{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.project-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#646777}.project-card h3{font-size:1.35rem;color:#050505}.project-tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.project-tech-list li{font-size:.85rem;border:1px solid #bcc0ce;border-radius:999px;padding:.2rem .6rem;background:#fff;color:#333}.project-link{display:inline-block;width:fit-content;padding:.45rem .8rem;border-radius:8px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;transition:opacity .2s ease}.project-link:hover{opacity:.85}.projects-controls{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.75rem 1rem 1rem}.projects-controls button{border:1px solid #111;border-radius:999px;background:#111;padding:.4rem .8rem;font-size:.88rem;color:#fff}.projects-controls p{min-width:62px;text-align:center;color:#333}.projects-empty{color:#666}.skills-list,.contact-list{list-style:none}.skills-list{display:flex;flex-wrap:wrap;gap:.6rem}.skills-list li{border:1px solid #cfd2dc;border-radius:999px;padding:.35rem .75rem;font-size:.9rem;background:#fff;color:#333}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.cert-card{border-radius:14px;border:1px solid #d9d9df;background:#f9f9fb;padding:1.1rem;transition:border-color .2s ease,box-shadow .2s ease}.cert-card:hover{border-color:#bbb;box-shadow:0 4px 12px #0000000f}.cert-provider{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:.4rem}.cert-title{font-size:.95rem;font-weight:600;color:#1a1a1a;line-height:1.4}.contact-intro{margin-bottom:1.2rem}.contact-links{list-style:none;display:flex;flex-direction:column;gap:.8rem}.contact-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:12px;border:1px solid #d9d9df;background:#f9f9fb;color:#1a1a1a;text-decoration:none;transition:background .2s ease,border-color .2s ease}.contact-link:hover{background:#f0f0f4;border-color:#bbb}.me-quote{font-size:1.35rem;font-style:italic;line-height:1.8;color:#222!important;font-family:Orbitron,sans-serif;font-weight:400;letter-spacing:.01em}.me-cursor{display:inline;animation:blink-cursor .75s step-end infinite;font-style:normal;color:#050505}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes anim{12.5%{stroke-dasharray:33.9887319946px,242.7766571045px;stroke-dashoffset:-26.7054322815px}43.75%{stroke-dasharray:84.9718299866px,242.7766571045px;stroke-dashoffset:-84.9718299866px}to{stroke-dasharray:2.427766571px,242.7766571045px;stroke-dashoffset:-240.3488905334px}}@media (max-width: 768px){.enter-button{bottom:80px}.portfolio-title-wrapper{top:30px}.portfolio-title{font-size:2rem}.hub-button{width:85px;height:85px;border-radius:16px;font-size:.6rem}.hub-button--about{top:15%;left:25%;transform:translate(-50%)}.hub-button--projects{top:15%;left:75%;transform:translate(-50%)}.hub-button--certifications{top:40%;left:25%;transform:translate(-50%,-50%)}.hub-button--contact{top:40%;left:75%;transform:translate(-50%,-50%)}.hub-button--resume{top:62%;left:25%;transform:translate(-50%)}.hub-button--me{top:62%;left:75%;transform:translate(-50%)}.hub-button--active{top:2%;left:50%;transform:translate(-50%) scale(.75)}.hub-button--shifted-0{top:auto;bottom:3%;left:3%;transform:scale(.5)}.hub-button--shifted-1{top:auto;bottom:3%;left:22%;transform:scale(.5)}.hub-button--shifted-2{top:auto;bottom:3%;left:41%;transform:scale(.5)}.hub-button--shifted-3{top:auto;bottom:3%;left:60%;transform:scale(.5)}.hub-button--shifted-4{top:auto;bottom:3%;left:79%;transform:scale(.5)}.content-panel{top:14%;left:5%;transform:none;width:90vw;max-height:72vh;padding:1.4rem}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cert-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.enter-button{bottom:60px}.portfolio-title-wrapper{top:25px}.portfolio-title{font-size:1.5rem}.hub-button{width:85px;height:85px;font-size:.6rem}.content-panel{padding:1rem}.content-panel h2{font-size:1.2rem}.cert-grid{grid-template-columns:1fr}}