.start-hint{position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:#04050cbf;border:1px solid rgba(255,255,255,.12);padding:.65rem 1.25rem;border-radius:999px;color:#ffffffd9;font-size:.85rem;font-weight:500;letter-spacing:.02em}.start-hint:before{content:"";position:absolute;top:-8px;left:50%;width:12px;height:12px;background:inherit;border-top:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);transform:translate(-50%) rotate(45deg)}.app{width:100vw;height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 20%,rgba(38,56,120,.2),transparent 45%),radial-gradient(circle at 80% 0%,rgba(222,66,126,.15),transparent 40%),#03040a}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.8));pointer-events:none;z-index:-1}.stars-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 75% 25%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.12),transparent);background-size:250px 250px;opacity:.4;z-index:-1}button:focus-visible,a:focus-visible{outline:2px solid #86a8e7;outline-offset:2px}.intro-hero{position:fixed;top:3rem;right:3rem;padding:1.75rem 2rem;max-width:320px;background:#04050cd1;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 60px #03040a99;z-index:140;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.3rem;color:#ffffff73;margin-bottom:.75rem}.hero-title{font-size:1.85rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em}.hero-role{font-size:.95rem;color:#ffffff8c;margin:.25rem 0 .8rem}.hero-subtitle{font-size:.9rem;color:#ffffffa6;margin-bottom:1.5rem}.hero-actions{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.hero-primary,.hero-ghost{border-radius:999px;padding:.55rem 1.2rem;font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.hero-primary{background:linear-gradient(120deg,#5ffbf1,#86a8e7,#d16ba5);color:#05060c}.hero-primary:hover{filter:brightness(1.05)}.hero-ghost{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.hero-ghost:hover{color:#fff;border-color:#fff6}.hero-contact{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:#ffffff80}.hero-contact a{color:#fffc;text-decoration:none}.hero-contact span{color:#fff6}.header{position:absolute;top:3rem;left:50%;transform:translate(-50%);text-align:center;z-index:10;max-width:800px;padding:0 2rem}.header-name{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.header-tagline{font-size:.9rem;color:#fff6;font-weight:400;letter-spacing:0}.sphere-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:4rem}.sphere-container{width:min(70vw,760px);aspect-ratio:1 / 1;position:relative;pointer-events:auto;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}.sphere-container canvas{border-radius:50%}.sphere-progress{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.sphere-progress__svg{width:100%;height:100%;transform:rotate(-90deg)}.sphere-progress__track{fill:none;stroke:#ffffff14;stroke-width:1.5}.sphere-progress__fill{fill:none;stroke:#ffffffa6;stroke-width:2.5;stroke-linecap:round}.sphere-progress__label{position:absolute;font-size:.95rem;font-weight:600;color:#ffffffd9;font-family:Space Mono,Courier New,monospace;background:#05060cbf;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.label-divider{padding:0 .3rem;color:#ffffff4d}.skip-button{position:fixed;bottom:3rem;right:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.85rem 1.75rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;z-index:100;transition:all .2s ease}.skip-button:hover{background:#ffffff0f;border-color:#fff3;color:#fff}.skip-arrow{font-size:1rem;transition:transform .2s ease}.skip-button:hover .skip-arrow{transform:translate(3px)}.navigation-menu{position:fixed;left:3rem;top:50%;transform:translateY(-50%);background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:1.5rem;border-radius:12px;z-index:100;max-width:260px}.nav-title{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-weight:500}.nav-items{display:flex;flex-direction:column;gap:.4rem}.nav-item{background:transparent;border:none;border-left:2px solid rgba(255,255,255,.15);padding:.65rem 1rem;border-radius:4px;color:#fff9;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.nav-item:hover{background:#ffffff0d;color:#fff;border-left-color:#fff6}.nav-item.active{background:#ffffff14;color:#fff;border-left-color:#fff}.nav-state{font-family:Courier New,monospace;font-size:.95rem;font-weight:400}.nav-label{font-size:.85rem;font-weight:400}.nav-summary{font-size:.75rem;line-height:1.4;color:#ffffff80}.gate-toast{position:fixed;bottom:2.5rem;left:3rem;width:320px;background:#06070fe6;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.25rem 1.5rem;color:#ffffffd9;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:160}.gate-toast__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.gate-toast__state{font-family:Space Mono,Courier New,monospace;font-size:1.25rem}.gate-toast__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.2rem;color:#ffffff73;margin:0}.gate-toast__title{margin:.15rem 0 0;font-size:1.1rem;color:#fff}.gate-toast__summary,.gate-toast__detail{font-size:.85rem;color:#ffffffb3;margin-bottom:.4rem}.gate-toast__cta{font-size:.8rem;color:#fffc;font-weight:600}.content-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at left,#05060cbf,#05060c40);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:180}.content-drawer{position:fixed;top:0;right:0;height:100vh;width:min(520px,100%);background:#080912fa;border-left:1px solid rgba(255,255,255,.12);padding:3rem 2.5rem;overflow-y:auto;z-index:200;box-shadow:-20px 0 60px #00000073}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.drawer-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.3rem;color:#ffffff73;margin-bottom:.35rem}.drawer-header h3{margin:0;color:#fff;font-size:1.5rem;letter-spacing:-.01em}.close-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;width:36px;height:36px;border-radius:8px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{color:#fff;border-color:#ffffff59}.drawer-tabs{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.drawer-tab{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-left:4px solid transparent;border-radius:12px;padding:.85rem 1rem;color:#ffffffb3;text-align:left;cursor:pointer;transition:all .2s ease}.drawer-tab:disabled{opacity:.35;cursor:not-allowed}.drawer-tab.active{color:#fff;border-left-color:currentColor;background:#ffffff0d}.drawer-tab__title{font-size:.95rem;font-weight:600}.drawer-tab__summary{display:block;margin-top:.3rem;font-size:.78rem;color:#ffffff8c}.drawer-content{padding-bottom:4rem}.content-section{color:#fff}.content-section h2{font-size:2rem;margin-bottom:2rem;color:#fff;font-weight:600;letter-spacing:-.02em}.content-section h3{font-size:1.25rem;color:#fff;margin-bottom:.75rem;font-weight:500;letter-spacing:-.01em}.content-section p{line-height:1.7;color:#ffffffb3;margin-bottom:1rem;font-size:.95rem}.highlight{color:#fff;font-weight:500}.section-intro{font-size:1rem;color:#fff9;margin-bottom:2.5rem;font-style:normal}.about-content{display:flex;flex-direction:column;gap:2rem}.intro{font-size:1.05rem;line-height:1.7;color:#fffc}.education-card{background:#ffffff08;border-left:2px solid rgba(255,255,255,.2);padding:1.75rem;border-radius:8px;margin:1rem 0}.education-card h3{margin-bottom:.5rem}.degree{font-size:1rem;color:#fffc;font-weight:500}.period{color:#ffffff80;font-size:.85rem;margin:.5rem 0}.activities{margin-top:1rem;color:#fff9;font-size:.9rem}.philosophy{font-size:1rem;color:#ffffffbf;font-style:normal}.experience-list{display:flex;flex-direction:column;gap:1.75rem}.experience-card{background:#ffffff05;border-left:2px solid rgba(255,255,255,.15);padding:1.75rem;border-radius:8px;transition:all .2s ease}.experience-card:hover{background:#ffffff0a;border-left-color:#ffffff4d}.experience-card.highlight-card{border-left-color:#fff6;background:#ffffff0a}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.company{color:#fffc;font-weight:500;font-size:1rem}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.type{background:#ffffff14;padding:.3rem .75rem;border-radius:6px;font-size:.75rem;color:#fff9;font-weight:500}.description{margin-bottom:1rem;color:#ffffffb3}.achievement{background:#ffffff0d;border-left:2px solid rgba(255,255,255,.3);padding:.85rem;border-radius:6px;margin:1rem 0;color:#fffc}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.4rem .85rem;border-radius:6px;font-size:.8rem;color:#ffffffb3;font-weight:500}.projects-list{display:flex;flex-direction:column;gap:1.75rem}.project-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:1.75rem;border-radius:8px;transition:all .2s ease}.project-card:hover{border-color:#fff3;background:#ffffff0a}.project-card.highlight-card{border-color:#fff3;background:#ffffff08}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{padding:.4rem .85rem;border-radius:6px;font-size:.8rem;font-weight:500}.tech-tag.quantum{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc}.tech-tag.software{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.project-link{display:inline-block;margin-top:1rem;color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease;opacity:.7}.project-link:hover{opacity:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.skill-category{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:1.75rem;border-radius:8px;transition:all .2s ease}.skill-category:hover{border-color:#ffffff26;background:#ffffff0a}.skill-category h3{font-size:1.05rem;margin-bottom:1rem;color:#fff;font-weight:500}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.5rem .95rem;border-radius:6px;font-size:.85rem;color:#ffffffbf;transition:all .2s ease}.skill-item:hover{background:#ffffff1a;border-color:#fff3}.contact-section{text-align:center}.contact-intro{font-size:1rem;margin-bottom:2.5rem;color:#ffffffb3}.contact-links{display:flex;justify-content:center;gap:1.5rem;margin:2.5rem 0;flex-wrap:wrap}.contact-link{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.75rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;color:#fff;transition:all .2s ease;min-width:110px}.contact-link:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-4px)}.contact-link .icon{font-size:2.5rem;opacity:.8}.contact-link span:not(.icon){font-size:.9rem;font-weight:500;color:#fffc}.quantum-quote{margin-top:3rem;padding:2rem;background:#ffffff08;border-left:2px solid rgba(255,255,255,.2);border-radius:8px;font-style:normal}.quantum-quote p{font-size:1.05rem;margin-bottom:.5rem;color:#fffc}.subtext{font-size:.9rem!important;color:#ffffff80!important}@media (max-width: 768px){.intro-name{font-size:2.5rem}.intro-title{font-size:1rem}.header{top:2rem}.header-name{font-size:1.5rem}.header-tagline{font-size:.85rem;padding:0 1rem}.progress-indicator{top:auto;bottom:7rem;right:1.5rem;left:1.5rem;width:auto}.navigation-menu{left:1.5rem;right:1.5rem;top:auto;bottom:12rem;transform:none;max-width:none}.skip-button{bottom:2rem;right:1.5rem;left:1.5rem;justify-content:center}.content-overlay{padding:1.5rem}.content-container{padding:2.5rem 1.75rem;max-height:90vh}.content-section h2{font-size:1.75rem}.skills-grid{grid-template-columns:1fr}.exp-header{flex-direction:column}.exp-meta{align-items:flex-start}.contact-links{gap:1rem}.gate-notification{padding:1.5rem;max-width:95%}.state-symbol{font-size:2rem}.state-title{font-size:1.1rem}.state-description{font-size:.9rem}}.content-container::-webkit-scrollbar{width:6px}.content-container::-webkit-scrollbar-track{background:transparent}.content-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.content-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.view-toggle{position:fixed;top:3rem;left:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.12);color:#fffc;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;z-index:150;transition:all .2s ease}.view-toggle:hover{background:#ffffff0f;border-color:#fff3;color:#fff}.toggle-icon{font-size:1.1rem}.toggle-text{font-size:.85rem}.traditional-portfolio{width:100%;height:100vh;overflow-y:auto;padding:5rem 3rem 4rem;background:linear-gradient(145deg,#05060c,#090a12 40%,#0f1729)}.traditional-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.trad-hero-card{display:flex;flex-wrap:wrap;gap:2.5rem;padding:2.5rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#04050cd9;box-shadow:0 40px 80px #00000059}.trad-hero-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.35rem;color:#ffffff73;margin-bottom:.75rem}.trad-hero-card h1{font-size:3rem;margin:0;color:#fff}.trad-subtitle{font-size:1.15rem;color:#ffffffa6;margin:.35rem 0 1rem}.trad-hero-summary{font-size:1rem;line-height:1.7;color:#ffffffbf;max-width:520px}.trad-contact-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.trad-contact-links a{border:1px solid rgba(255,255,255,.12);color:#ffffffd9;padding:.5rem 1.2rem;border-radius:999px;text-decoration:none;font-size:.85rem;transition:all .2s ease}.trad-contact-links a:hover{border-color:#fff6;color:#fff}.trad-hero-meta{flex:1;min-width:260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5rem;color:#fff6}.meta-value{font-size:.95rem;color:#ffffffe6;margin-top:.35rem}.trad-grid,.trad-lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.trad-column{padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#04050cbf;display:flex;flex-direction:column;gap:1.5rem}.trad-column-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.trad-column-header p{font-size:.75rem;text-transform:uppercase;letter-spacing:.4rem;color:#fff6;margin:0 0 .4rem}.trad-column-header h2{margin:0;color:#fff;letter-spacing:-.01em}.trad-subgrid{display:grid;gap:1.5rem}.trad-subsection{font-size:1rem;text-transform:uppercase;letter-spacing:.2rem;color:#ffffff8c;margin-bottom:.9rem}.trad-item{background:#ffffff05;border-left:3px solid rgba(255,255,255,.12);padding:1.5rem;border-radius:12px;transition:border .2s ease}.trad-item:hover{border-left-color:#fff6}.trad-item-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.trad-company{font-size:.95rem;color:#ffffffa6}.trad-description{font-size:.92rem;color:#ffffffbf;line-height:1.6}.trad-period{font-size:.85rem;color:#ffffff8c}.trad-achievement{margin-top:.8rem;font-size:.8rem;color:#fffc;padding:.45rem .7rem;border-radius:8px;border-left:3px solid rgba(255,255,255,.35);background:#ffffff0a}.trad-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.trad-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.25rem .75rem;color:#ffffffbf}.trad-skills{display:grid;gap:1rem}.trad-skill-group{background:#ffffff05;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.05)}.trad-skill-group h4{margin:0 0 .65rem;font-size:.9rem;color:#ffffffd9}.trad-skill-group .trad-tags{gap:.35rem}.accent-experience{border-color:#ffbe0b59}.accent-projects{border-color:#9d4edd4d}.accent-skills{border-color:#fb56074d}.accent-leadership{border-color:#ff006e4d}@media (max-width: 900px){.traditional-portfolio{padding:5rem 1.5rem 3rem}.trad-hero-card{padding:2rem}.trad-hero-card h1{font-size:2.25rem}}@media (max-width: 768px){.view-toggle{top:1.5rem;left:1rem}.intro-hero{position:static;width:calc(100% - 2rem);margin:1rem auto 0}.hero-actions{flex-direction:column}.sphere-stage{padding:2rem 1rem 7rem}.navigation-menu{position:fixed;top:auto;left:1rem;right:1rem;bottom:1rem;transform:none}.skip-button{right:1.5rem;bottom:6rem}.gate-toast{left:1rem;right:1rem;width:auto}.content-drawer{width:100%;padding:2rem 1.5rem}.traditional-portfolio{padding:4rem 1rem 2rem}.trad-hero-card{gap:1.5rem}.trad-hero-meta{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-weight:400;letter-spacing:-.01em}#root{width:100vw;height:100vh;overflow:hidden}body{background:#0a0b14;color:#fff}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}