@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";body{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;line-height:1.6;color:#e2e8f0;background:linear-gradient(-45deg,#0f0f23,#1a1a2e,#16213e,#0f3460);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*:focus{outline:2px solid #60a5fa;outline-offset:2px}::selection{background-color:#60a5fa;color:#0f0f23}::-moz-selection{background-color:#60a5fa;color:#0f0f23}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;line-height:1.6;color:#e2e8f0;background:linear-gradient(-45deg,#0f0f23,#1a1a2e,#16213e,#0f3460);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{position:fixed;top:0;width:100%;background:#0f0f23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:all .3s ease;border-bottom:1px solid rgba(59,130,246,.2)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo .logo-text{font-size:1.5rem;font-weight:700;color:#60a5fa;text-decoration:none;text-shadow:0 0 10px rgba(96,165,250,.5)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:#e2e8f0;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.6)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .3s ease;box-shadow:0 0 5px #60a5fa80}.nav-link:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e,#0f3460,#0f0f23);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#e2e8f0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(147,51,234,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:slideInLeft 1s ease-out}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;min-height:4.2rem}.typed-text{color:#e2e8f0}.typed-text .highlight{color:#60a5fa;position:relative;text-shadow:none}.typed-text .highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#60a5fa,#3b82f6);box-shadow:0 0 10px #60a5fa99;animation:underline 2s ease-in-out infinite}.typed-cursor{color:#60a5fa!important;font-weight:100;animation:typedjsBlink .7s infinite;text-shadow:0 0 10px rgba(96,165,250,.8)}@keyframes typedjsBlink{50%{opacity:0}}.highlight{color:#60a5fa;position:relative;text-shadow:0 0 20px rgba(96,165,250,.8)}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#60a5fa,#3b82f6);box-shadow:0 0 10px #60a5fa99;animation:underline 2s ease-in-out infinite}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.9}.hero-description{font-size:1.1rem;margin-bottom:2rem;opacity:.8;line-height:1.7}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#0f0f23;border:none;box-shadow:0 4px 15px #60a5fa4d}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa80}.btn-secondary{background:transparent;color:#e2e8f0;border:2px solid #60a5fa;box-shadow:0 0 10px #60a5fa33}.btn-secondary:hover{background:#60a5fa1a;color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa4d}.hero-image{display:flex;justify-content:center;animation:slideInRight 1s ease-out}.profile-placeholder{width:300px;height:300px;background:#60a5fa1a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(96,165,250,.3);box-shadow:0 0 30px #60a5fa4d,inset 0 0 30px #60a5fa1a}.profile-icon{width:300px;height:300px;border-radius:50%;object-fit:cover;border:3px solid rgba(96,165,250,.5);box-shadow:0 0 30px #60a5fa66,inset 0 0 20px #60a5fa1a;transition:all .3s ease}section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#e2e8f0;position:relative;text-shadow:0 0 10px rgba(226,232,240,.3)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:2px;box-shadow:0 0 10px #60a5fa80}.about{background:#0f0f234d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.about-text p{font-size:1.1rem;margin-bottom:1.5rem;color:#cbd5e1;line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.stat{text-align:center;padding:1.5rem;background:#60a5fa1a;border-radius:12px;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #60a5fa1a}.stat h3{font-size:2rem;font-weight:700;color:#60a5fa;margin-bottom:.5rem;text-shadow:0 0 10px rgba(96,165,250,.5)}.stat p{color:#cbd5e1;font-weight:500}.about-image{display:flex;justify-content:center}.about-placeholder{width:250px;height:250px;background:linear-gradient(135deg,#60a5fa33,#3b82f633);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(96,165,250,.3);box-shadow:0 20px 40px #60a5fa33,inset 0 0 20px #60a5fa1a}.about-icon{font-size:4rem}.skills{background:#0f0f2333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-category{background:#60a5fa1a;padding:2rem;border-radius:16px;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #60a5fa1a;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 40px #60a5fa33}.skill-category h3{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#e2e8f0}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{background:#60a5fa33;color:#cbd5e1;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(96,165,250,.3);transition:all .3s ease}.skill-item:hover{background:#60a5fa4d;color:#60a5fa;transform:scale(1.05);box-shadow:0 0 10px #60a5fa4d}.projects{background:#0f0f2333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#60a5fa1a;border-radius:16px;overflow:hidden;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #60a5fa1a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #60a5fa33}.project-image{height:200px;background:linear-gradient(135deg,#60a5fa4d,#3b82f64d);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(96,165,250,.2)}.project-placeholder{text-align:center}.project-icon{font-size:3rem}.project-image{width:100%;height:210px;object-fit:cover}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#e2e8f0}.project-content p{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#60a5fa33;color:#cbd5e1;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(96,165,250,.3)}.project-links{display:flex;gap:1rem}.project-link{color:#60a5fa;text-decoration:none;font-weight:500;transition:all .3s ease}.project-link:hover{color:#3b82f6;text-shadow:0 0 5px rgba(96,165,250,.5)}.leadership{background:#0f0f2333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.leadership-card{background:#60a5fa1a;border-radius:16px;padding:2rem;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #60a5fa1a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.leadership-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #60a5fa33}.leadership-icon{width:80px;height:80px;background:#60a5fa33;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(96,165,250,.3)}.leadership-icon .icon{font-size:2rem}.leadership-icon-img{width:80px;height:80px}.leadership-content h3{font-size:1.3rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:#e2e8f0}.leadership-period{color:#60a5fa;font-weight:500;margin-bottom:1rem;font-size:.9rem}.leadership-description{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6;text-align:left}.leadership-skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-tag{background:#60a5fa33;color:#cbd5e1;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(96,165,250,.3)}.personality{background:#0f0f2333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.personality-content{max-width:1000px;margin:0 auto}.personality-intro{text-align:center;margin-bottom:3rem}.personality-intro p{font-size:1.2rem;color:#cbd5e1;line-height:1.7;max-width:800px;margin:0 auto}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.interest-card{background:#60a5fa1a;border-radius:16px;padding:2rem;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #60a5fa1a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.interest-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #60a5fa33}.interest-icon{font-size:3rem;margin-bottom:1rem;display:block}.interest-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#e2e8f0}.interest-card p{color:#cbd5e1;line-height:1.6;font-size:.95rem}.thank-you-simple{text-align:center;font-size:1.2rem;color:#cbd5e1}.linkedin-link{color:#60a5fa;text-decoration:none;font-weight:500;transition:all .3s ease}.linkedin-link:hover{color:#3b82f6;text-shadow:0 0 5px rgba(96,165,250,.5)}.footer{background:#0f0f23cc;color:#cbd5e1;text-align:center;padding:2rem 0;border-top:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes underline{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1)}}@media (max-width: 768px){.nav-menu{display:none}.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-content{grid-template-columns:1fr;gap:2rem}.about-stats{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}.hero-buttons{justify-content:center}.profile-placeholder{width:200px;height:200px}.profile-icon{font-size:4rem}}@media (max-width: 480px){.container{padding:0 15px}.hero-title,.section-title{font-size:2rem}.projects-grid,.skills-grid{grid-template-columns:1fr}}