@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@300;400;600;700&display=swap";:root{--bg-dark: #0a192f;--bg-darker: #112240;--primary-glow: #64ffda;--secondary-glow: #0284c7;--glass-bg: rgba(17, 34, 64, .75);--glass-border: rgba(100, 255, 218, .1);--text-main: #ccd6f6;--text-muted: #8892b0;--card-hover: rgba(17, 34, 64, .9);--shadow-soft: 0 10px 40px -10px rgba(2, 12, 27, .7)}.btn-premium{padding:12px 30px;border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;background:var(--primary-glow);color:#fff;border:1px solid transparent;box-shadow:0 4px 15px #38bdf866;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--primary-glow)}.btn-glass{padding:12px 30px;border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--text-main);box-shadow:0 4px 15px #0003;display:inline-flex;align-items:center;gap:10px}.btn-glass:hover{background:#fff3;border-color:#fff9;box-shadow:0 0 20px #ffffff4d;transform:translateY(-2px);color:#fff}.theme-toggle{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);font-size:1.2rem;z-index:1100;transition:all .3s ease}.theme-toggle:hover{background:var(--primary-glow);color:#fff;transform:translateY(-50%) scale(1.1)}body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-darker) 100%);background-attachment:fixed}h1,h2,h3{font-family:Space Grotesk,sans-serif;color:var(--text-main)}h1{line-height:1.1;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:all .3s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:var(--shadow-soft)}.navbar{position:fixed;top:40px;left:5%;transform:none;width:auto;min-width:600px;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:1000;border-radius:50px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.1);box-shadow:0 10px 30px #0003;transition:background .3s ease,border-color .3s ease}.logo{position:absolute;right:90px;left:auto;transform:none;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:var(--text-main)}.nav-links{display:flex;gap:60px;align-items:center;margin:0 auto}.nav-links a{font-size:14px;font-weight:500;color:var(--text-muted)}.nav-links a:hover{color:var(--primary-glow);text-shadow:0 0 10px rgba(56,189,248,.5)}.mobile-toggle{display:none}.btn-premium{padding:10px 24px;background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));border-radius:30px;color:#fff!important;font-weight:600;box-shadow:0 0 20px #38bdf84d;position:relative;overflow:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding-top:0;background:radial-gradient(circle at 50% 50%,rgba(20,40,65,.4) 1px,transparent 1px),linear-gradient(135deg,#0a192f,#020c1b);background-size:30px 30px,100% 100%;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(100,255,218,.05) 0%,transparent 40%);pointer-events:none}.hero-content h1{font-size:5rem;margin-bottom:20px;font-weight:800;color:var(--text-main)}.neon-text{font-family:Space Grotesk,sans-serif;letter-spacing:-1px;animation:neonPulse 3s infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 10px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.2)}to{text-shadow:0 0 15px rgba(100,255,218,.5),0 0 30px rgba(100,255,218,.3)}}.hero-content p{margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.5rem!important;line-height:1.6;text-shadow:0 4px 12px rgba(0,0,0,.8)}.highlight-text{color:var(--primary-glow);font-weight:700;font-size:1.75rem;display:block;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase}.pitch-line{color:#e2e8f0;font-weight:400;font-size:1.4rem}.section{padding:100px 5%;max-width:1400px;margin:40px auto;background:#0a0e1a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px}.section-title{text-align:center;font-size:3rem;margin-bottom:60px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.skill-card{padding:30px;transition:transform .3s,background .3s;text-align:left}.skill-card:nth-child(1){grid-column:span 2}.skill-card:nth-child(4){grid-column:span 2}.skill-card i{font-size:2.5rem;margin-bottom:20px;display:block;color:var(--primary-glow)}.skill-card h3{margin-bottom:10px;font-size:1.25rem}.skill-card p{color:var(--text-muted);font-size:.9rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{padding:40px;border:1px solid rgba(255,255,255,.05)}.project-tags span{display:inline-block;background:#38bdf81a;color:var(--primary-glow);padding:6px 12px;border-radius:20px;font-size:.8rem;margin-right:8px;margin-top:15px;border:1px solid rgba(56,189,248,.2)}.project-links{margin-top:25px;display:flex;gap:15px}.btn-icon{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);transition:color .3s}.btn-icon:hover{color:var(--primary-glow)}.contact-container{text-align:center;max-width:600px;margin:0 auto}.social-links{display:flex;justify-content:center;gap:30px;margin-top:40px}.social-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer}footer{text-align:center;padding:50px 0;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--glass-border);margin-top:100px}@media(max-width:768px){.navbar{width:100%;top:0;left:0;transform:none;border-radius:0;padding:0 20px}.logo{right:70px;font-size:1.1rem}.theme-toggle{right:20px;width:35px;height:35px;font-size:1rem}.nav-links{display:none}.mobile-toggle{display:block;font-size:1.5rem;cursor:pointer;color:var(--text-main);z-index:1001}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;z-index:1000}.mobile-menu a{font-size:1.5rem;font-weight:600;color:var(--text-main)}.mobile-menu .btn-premium{font-size:1.2rem;padding:15px 40px}.hero-content h1{font-size:3rem}.skills-grid{grid-template-columns:1fr}.skill-card:nth-child(n){grid-column:span 1}}.jarvis-3d-scene{width:400px;height:400px;display:flex;justify-content:center;align-items:center}.hero-grid{display:grid;grid-template-columns:55% 45%;gap:4rem;max-width:1400px;margin:0 auto;align-items:center;padding:0 5%;position:relative;z-index:10;height:100vh;min-height:600px;width:100%}.hero-content-wrapper{text-align:left;padding-top:6rem;position:relative;width:100%}.hero-avatar-wrapper{display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%;width:100%}.avatar-inner{position:relative;width:100%;max-width:650px;display:flex;justify-content:flex-end;align-items:center}.avatar-img{width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent 100%);filter:drop-shadow(0 0 30px rgba(10,25,47,.8))}.hero-name{font-size:4.5rem;line-height:1.1;margin:0 0 10px;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.2);display:flex;flex-direction:column;align-items:flex-start}.hero-title{font-size:1.5rem;display:block;margin-bottom:1rem;color:#64ffda;letter-spacing:2px;text-transform:uppercase;font-weight:500}.hero-bio{font-size:1.25rem;color:#8892b0;max-width:100%;margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:20px;justify-content:flex-start}@media(max-width:768px){.hero-grid{display:flex;flex-direction:column-reverse;height:100vh;min-height:auto;padding:0;gap:0;overflow:hidden}.hero-content-wrapper{height:35vh;padding:1rem 5%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to top,#0a192f,#0a192fcc);z-index:20}.hero-avatar-wrapper{height:65vh;width:100%;justify-content:center;align-items:flex-end}.avatar-inner{max-width:100%;height:100%;justify-content:center;align-items:flex-end}.avatar-img{max-height:100%;width:auto;max-width:100%;object-fit:cover;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.hero-name{font-size:2.5rem;text-align:left}.hero-title{font-size:1rem}.hero-bio{font-size:1rem;margin-bottom:1rem;display:none}}.experience-section{position:relative;padding:100px 5%;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0a192f,#020c1b)}.spheres-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.floating-sphere{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff1a,#ffffff03);box-shadow:0 0 20px #64ffda1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:floatGravity 20s infinite ease-in-out;opacity:.4}@keyframes floatGravity{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.glass-resume-container{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:40px;background:#0a0e1aa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 50px #00000080}.resume-header{text-align:center;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.resume-header h2{font-size:2.5rem;color:#fff;margin-bottom:10px;font-weight:700}.resume-role-title{font-size:1.25rem;color:var(--primary-glow);font-family:Space Grotesk,sans-serif;letter-spacing:1px;text-transform:uppercase}.strategic-domains{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.domain-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 20px;border-radius:30px;color:var(--text-muted);font-size:.9rem;transition:all .3s ease}.domain-pill:hover{background:#64ffda1a;border-color:var(--primary-glow);color:#fff;box-shadow:0 0 15px #64ffda33;transform:translateY(-2px)}.experience-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:30px;margin-bottom:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.experience-card:hover{background:#ffffff0a;transform:translateY(-8px);box-shadow:0 15px 30px #0000004d;border-color:var(--primary-glow)}.exp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap;gap:10px}.exp-role{font-size:1.4rem;color:#fff;margin:0;font-weight:600}.exp-company{font-size:1.1rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;margin-top:5px}.exp-company svg{color:var(--primary-glow)}.exp-duration{font-size:.9rem;color:var(--primary-glow);background:#64ffda1a;padding:5px 12px;border-radius:12px;font-weight:600}.exp-description{color:var(--text-muted);line-height:1.7;font-size:1rem}.tech-keyword{color:var(--primary-glow);font-weight:600;text-shadow:0 0 8px rgba(100,255,218,.3)}.workflow-section{margin-top:15px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.1)}.workflow-title{font-size:.85rem;text-transform:uppercase;color:#8892b0;letter-spacing:1px;margin-bottom:8px}.workflow-steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.95rem;color:#fff}.workflow-arrow{color:var(--secondary-glow)}@media(max-width:768px){.glass-resume-container{padding:20px}.exp-card-header{flex-direction:column}.resume-header h2{font-size:2rem}.floating-sphere{display:none}}
