.header-section{min-height:100vh;padding:80px 3% 0;display:flex;align-items:center}.header-layout{width:100%;display:grid;grid-template-columns:40% 60%;gap:10px;align-items:center}.header-content{text-align:left}.header-eyebrow{font-size:.9rem;letter-spacing:4px;color:var(--primary-gold);margin-bottom:10px;font-weight:700}.header-name{font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin-bottom:15px;color:var(--text-primary)}.header-subtitle{font-size:clamp(1rem,2vw,1.5rem);font-weight:500;color:var(--text-secondary);margin-bottom:20px;letter-spacing:1px}.subtitle-engineer{color:var(--text-primary);font-weight:600}.subtitle-building{color:#ff8c42;font-weight:600}.subtitle-future{color:var(--primary-gold);font-weight:600}.header-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.9;margin-bottom:20px}.header-roles-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;margin-bottom:20px}.header-role-card{flex:1 1 calc(50% - 8px);min-width:0;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:15px;background:#0a0a0fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;gap:12px;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.header-role-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(157,78,221,.1),transparent);transition:left .6s ease}.header-role-card:hover:before{left:100%}.header-role-card:hover{border-color:var(--primary-purple);box-shadow:0 0 25px #9d4edd66,0 0 50px #9d4edd33;transform:translateY(-4px) scale(1.02);background:#0a0a0fd9}.header-role-card:hover .header-role-icon-wrapper{transform:scale(1.1) rotate(5deg);border-color:var(--primary-purple);box-shadow:0 0 20px #9d4edd80}.header-role-card:hover .header-role-info h4{color:var(--primary-purple);text-shadow:0 0 10px rgba(157,78,221,.5)}.header-role-card:hover .header-role-info p{color:var(--text-primary)}.header-role-icon-wrapper{width:60px;height:60px;flex-shrink:0;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.header-role-icon-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:linear-gradient(135deg,var(--primary-gold),var(--primary-purple));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease}.header-role-card:hover .header-role-icon-wrapper:after{opacity:1}.header-role-info{flex:1;min-width:0}.header-role-info h4{font-family:Orbitron,sans-serif;font-size:1.1rem;margin:0 0 5px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-role-info p{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0;transition:color .4s ease}.header-info{display:flex;flex-direction:row;gap:10px;margin-bottom:0}.logo-link{display:inline-block;transition:transform .3s ease,filter .3s ease}.logo-link:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.info-logo{width:50%;height:50%;object-fit:contain;display:block}.scroll-indicator{display:flex;gap:10px;align-items:center;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.scroll-arrow{font-size:1.5rem;color:var(--primary-gold);animation:bounce-arrow 1.5s infinite}.header-visual{width:100%;height:700px;position:relative;margin:0;padding:0}.tech-rig{width:100%;height:100%;pointer-events:auto;margin:0;padding:0}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 1024px){.header-layout{grid-template-columns:1fr}.header-visual{height:600px}}@media (max-width: 768px){.header-section{padding:120px 3% 0}.header-description{font-size:1rem;margin-bottom:20px}.header-visual{height:500px}.header-roles-container{gap:12px;margin-top:20px;margin-bottom:20px}.header-role-card{flex:1 1 calc(50% - 6px);padding:12px;gap:10px}.header-role-icon-wrapper{width:50px;height:50px}.header-role-info h4{font-size:.8rem}.header-role-info p{font-size:.7rem}}.overview-section{padding:20px 6% 40px;margin-top:-40px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1400px;margin:0 auto}.role-card{border:1px solid rgba(255,215,0,.15);border-radius:20px;padding:25px;background:#0a0a0fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,border .3s ease}.role-card:hover{transform:translateY(-6px);border-color:var(--primary-gold)}.role-icon-wrapper{width:120px;height:120px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;display:flex;align-items:center;justify-content:center;align-self:flex-start;box-shadow:inset 0 0 20px #ffd70014;overflow:hidden}.role-icon{width:100%!important;height:100%!important}.role-info h3{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:10px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.role-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview-section{padding:20px 5%;margin-top:-20px}.role-card{align-items:center;text-align:center}.role-icon-wrapper{align-self:center}}.experience-section{position:relative}.experience-container{max-width:1100px;margin:0 auto}.experience-card{position:relative}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.experience-company{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#e5e4e2;margin:0 0 8px;letter-spacing:6px;text-transform:uppercase}.experience-position{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.experience-meta{text-align:right;display:flex;flex-direction:column;gap:5px}.experience-location{color:var(--text-secondary);font-size:.95rem}.experience-period{color:var(--text-secondary);font-size:.9rem;font-style:italic}.experience-skills{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#ffd7000d;border-left:3px solid var(--primary-gold);border-radius:5px;flex-wrap:wrap}.skills-label{font-weight:700;color:var(--primary-purple);min-width:60px}.skills-value{color:var(--text-primary);flex:1}.achievements-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.achievement-item{color:var(--text-secondary);line-height:1.7;padding-left:25px;position:relative}.achievement-item:before{content:"▸";position:absolute;left:0;color:var(--primary-gold);font-weight:700;font-size:1.2rem}.achievement-item strong{color:var(--primary-gold);font-weight:600}.achievement-item .highlight-number{color:var(--primary-gold);font-weight:700;font-size:1.05em;text-shadow:0 0 10px rgba(255,215,0,.5);background:linear-gradient(135deg,var(--primary-gold),var(--primary-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievement-item .highlight-term{color:var(--primary-gold);font-weight:600}@media (max-width: 768px){.experience-header{flex-direction:column}.experience-meta{text-align:left}.experience-company{font-size:1.3rem}.experience-position{font-size:1rem}.experience-skills{flex-direction:column}.skills-label{min-width:auto}}.projects-section{position:relative;padding-bottom:100px}.projects-intro{max-width:900px;margin:0 auto 60px;text-align:center}.projects-title{text-transform:none;letter-spacing:-1px}.projects-lede{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-top:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1300px;margin:0 auto}.project-card{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#080810cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;display:flex;flex-direction:column;min-height:520px;position:relative;box-shadow:0 20px 60px #00000059}.project-visual{position:relative;overflow:hidden;aspect-ratio:17.5 / 10;width:100%}.project-visual-image{width:100%;height:100%;object-fit:cover;display:block}.project-visual-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 50%,rgba(0,0,0,.5) 100%)}.project-visual-core{position:absolute;top:20px;left:20px;padding:6px 12px;border-radius:999px;background:#00000080;color:#fff;font-weight:600;font-size:.75rem;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-visual-orb{position:absolute;width:160px;height:160px;border-radius:50%;background:#fff3;filter:blur(15px);right:-40px;top:-40px}.project-visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:40px 40px;opacity:.2}.project-body{padding:20px;display:flex;flex-direction:column;gap:20px;flex:1}.project-heading h3{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:10px}.project-heading p{color:var(--text-secondary);line-height:1.7}.project-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.project-highlights li{position:relative;padding-left:22px;color:var(--text-secondary);line-height:1.6}.project-highlights li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary-gold);left:0;top:8px;box-shadow:0 0 10px #ffd70099}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags span{padding:6px 14px;border-radius:999px;background:#ffd70014;color:var(--text-primary);font-size:.85rem;border:1px solid rgba(255,215,0,.2)}.project-footer{padding:0 20px 20px}.project-link-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,215,0,.3);color:var(--primary-gold);text-decoration:none;font-weight:500;font-size:.75rem;transition:all .3s ease}.project-link-button:hover{border-color:var(--primary-purple);color:var(--primary-purple);box-shadow:0 0 20px #9d4edd66;transform:translateY(-2px)}.project-highlights li .highlight-number{color:var(--primary-gold);font-weight:700;font-size:1.05em;text-shadow:0 0 10px rgba(255,215,0,.5);background:linear-gradient(135deg,var(--primary-gold),var(--primary-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-highlights li .highlight-term{color:var(--primary-gold);font-weight:600}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.skills-section{position:relative;padding-bottom:150px}.skills-title{text-transform:none;letter-spacing:-1px}.skills-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:row;gap:20px;align-items:flex-start}.skill-category{position:relative;flex:1;transform-style:preserve-3d;perspective:1000px}.skill-category-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:var(--primary-gold);margin:0 0 20px;text-transform:uppercase;letter-spacing:1.5px;position:relative;padding-bottom:12px}.skill-category-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-gold),transparent);box-shadow:0 0 8px var(--accent-glow)}.skill-items{display:flex;flex-wrap:wrap;gap:15px}.skill-item{background:#ffd70014;border:1px solid rgba(255,215,0,.25);padding:8px 16px;border-radius:20px;color:var(--text-primary);font-size:.9rem;font-weight:500;position:relative;overflow:hidden;display:inline-block;transform-style:preserve-3d}@media (max-width: 1024px){.skills-container{flex-direction:column;gap:25px}}@media (max-width: 768px){.skill-category-title{font-size:1rem}.skill-items{gap:8px}.skill-item{padding:6px 14px;font-size:.85rem}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 5%;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,215,0,.2)}.nav-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;position:relative}.nav-items-left{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.nav-items-right{display:flex;gap:20px;align-items:center;position:absolute;right:5%}.nav-item{background:transparent;border:1px solid rgba(255,215,0,.3);color:var(--text-primary);padding:10px 25px;border-radius:25px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s ease}.nav-item:hover:before{left:100%}.nav-item:hover{border-color:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 20px #ffd70066}.nav-item.active{background:linear-gradient(135deg,#ffd70033,#9d4edd33);border-color:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 25px #ffd70080}.nav-icon-link{color:var(--text-secondary);font-size:1.4rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;border:1px solid rgba(255,215,0,.2);background:#ffd7000d}.nav-icon-link:hover{color:var(--primary-gold);border-color:var(--primary-gold);background:#ffd7001a;box-shadow:0 0 15px #ffd70066}.nav-icon{display:block}@media (max-width: 768px){.navigation{padding:15px 3%}.nav-container{gap:15px}.nav-items-left{gap:10px}.nav-items-right{right:3%;gap:15px}.nav-item{padding:8px 15px;font-size:.75rem}.nav-icon-link{font-size:1.2rem;padding:6px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.loading-logo{position:relative;width:120px;height:120px}.loading-circle{width:100%;height:100%;position:relative}.loading-ring{width:100%;height:100%;border:4px solid transparent;border-top:4px solid var(--primary-gold);border-right:4px solid var(--primary-purple);border-radius:50%;position:absolute;box-shadow:0 0 20px #ffd70080}.loading-ring:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid transparent;border-top:2px solid var(--primary-purple);border-left:2px solid var(--primary-gold);border-radius:50%;animation:spin-reverse 1.5s linear infinite}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-text{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-gold),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.loading-bar-container{width:300px;height:4px;background:#ffd7001a;border-radius:10px;overflow:hidden;position:relative}.loading-bar{height:100%;background:linear-gradient(90deg,var(--primary-gold),var(--primary-purple),var(--primary-gold));background-size:200% 100%;border-radius:10px;box-shadow:0 0 20px #ffd70099;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-subtext{color:var(--text-secondary);font-size:.9rem;letter-spacing:2px;text-transform:uppercase}@media (max-width: 768px){.loading-text{font-size:2rem}.loading-bar-container{width:250px}.loading-logo{width:100px;height:100px}}.app{position:relative;width:100%;min-height:100vh}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}.content-wrapper{position:relative;z-index:1;width:100%}section{width:100%;padding:120px 6% 80px;position:relative;scroll-margin-top:100px}.section-eyebrow{font-size:.85rem;letter-spacing:6px;color:var(--primary-gold);margin-bottom:10px;font-weight:700;text-align:center}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;margin-bottom:60px;text-align:center;background:linear-gradient(135deg,var(--primary-gold),var(--primary-yellow),var(--primary-dark-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;position:relative}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent);box-shadow:0 0 20px var(--accent-glow)}.card{background:#151520cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.card:hover{transform:translateY(-5px);border-color:var(--primary-gold);box-shadow:0 10px 40px #ffd7004d}.card:hover:before{left:100%}@media (max-width: 768px){section{padding:100px 5% 60px}.section-title{font-size:1.5rem;margin-bottom:40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-cyan: #ffd700;--primary-gold: #ffd700;--primary-yellow: #ffed4e;--primary-dark-gold: #d4af37;--primary-purple: #9d4edd;--primary-pink: #ff006e;--dark-bg: #0a0a0f;--dark-surface: #151520;--dark-surface-2: #1a1a2e;--text-primary: #ffffff;--text-secondary: #b0b0c0;--accent-glow: rgba(255, 215, 0, .5)}body{font-family:Rajdhani,sans-serif;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}::selection{background:var(--primary-gold);color:var(--dark-bg)}