@import url(https://fonts.googleapis.com/css2?family=Satoshi:wght@300;400;500;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c0c1e,#1a1a2e 50%,#16213e);background-attachment:fixed;color:#fff;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.App,body{min-height:100vh;overflow-x:hidden}.App{position:relative}.glass{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-card:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 48px #00000059,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;transform:translateY(-8px) scale(1.02)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}h1{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:clamp(3rem,8vw,4.5rem);font-weight:700}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}h2{color:#f8fafc;font-size:clamp(2rem,5vw,3rem)}h2,h3{font-weight:600}h3{color:#e2e8f0;font-size:clamp(1.5rem,3vw,2rem)}.subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64748b,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:500;margin-bottom:2rem}p{color:#cbd5e1;font-size:1.1rem;font-weight:400;line-height:1.7;margin-bottom:1rem}.mono{font-family:JetBrains Mono,Courier New,monospace;font-weight:500}.btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:Satoshi,sans-serif;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.02em;overflow:hidden;padding:16px 40px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d,0 8px 32px #8b5cf633}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 8px 24px #6366f166,0 16px 48px #8b5cf64d}.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;color:#e2e8f0}.btn-secondary:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.btn-glow{position:relative}.btn-glow:before{animation:gradientRotate 6s linear infinite;background:linear-gradient(45deg,#00d4ff,#7c3aed,#f59e0b,#00d4ff);background-size:300% 300%;border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.btn-glow:hover:before{opacity:1}@keyframes gradientRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #fff3;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.container,.section{box-sizing:border-box;width:100%}.section{max-width:100vw;padding:120px 0}.section-title{margin-bottom:4rem;text-align:center}.section-title h2{margin-bottom:1rem}.section-title .subtitle{margin:0 auto;max-width:600px}.grid-2{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:100%;overflow:hidden;width:100%}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible!important;position:relative}.about-grid,.contact-grid,.hero-grid{max-width:100%;overflow:hidden;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fade-in-up{animation:fadeInUp .8s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.float{animation:float 6s ease-in-out infinite}.skill-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;color:#e2e8f0;display:inline-flex;display:inline-block;font-size:.875rem;font-weight:500;margin:4px;overflow:visible!important;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.skill-tag:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-2px)}@media (max-width:768px){.skill-tag{font-size:.8rem!important;margin:2px!important;padding:6px 12px!important;white-space:nowrap!important}}@media (max-width:480px){.skill-tag{font-size:.75rem!important;margin:2px!important;padding:5px 10px!important}}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-badge.learning{background:#f9731633;border:1px solid #f973164d;color:#f97316}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:8px}::-webkit-scrollbar{background:#0000;width:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb:hover{background:#0000}html{-ms-overflow-style:none;scrollbar-width:none}*,:after,:before{max-width:100vw;overflow-x:hidden}:root{width:100vw!important}:root,body>*{max-width:100vw!important;overflow-x:hidden!important}.section{isolation:isolate}.container,.glass-card,.section{overflow:visible!important;position:relative}.glass-card,.timeline-card{isolation:isolate}.timeline-card{overflow:visible!important}.hover-lift{backface-visibility:hidden;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.hover-lift:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px) scale(1.02)}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);isolation:isolate}#about,#certifications,#contact,#home,#projects,#skills,#timeline,.form-field,.modal-overlay{overflow:visible!important}.form-field{isolation:isolate;position:relative}.floating-label{pointer-events:none;position:absolute;white-space:nowrap;z-index:2}.floating-label,nav{overflow:visible!important}nav{isolation:isolate}.nav-underline,footer{overflow:visible!important}footer{isolation:isolate}canvas{clip-path:inset(0);overflow:visible!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.glass-card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0c0c1e,#1a1a2e 50%,#16213e)}}@media (max-width:1024px){.container{padding:0 1.5rem}.about-grid,.contact-grid,.hero-grid{gap:40px!important;grid-template-columns:1fr!important}.section{padding:100px 0}.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.container{padding:0 1rem}.section{padding:60px 0 40px}.grid-2,.grid-3{gap:1.5rem;grid-template-columns:1fr}.about-grid,.contact-grid,.hero-grid{gap:1.5rem!important;grid-template-columns:1fr!important}h1{font-size:clamp(2.5rem,8vw,3rem)!important;line-height:1.1!important}h1,h2{margin-bottom:1rem!important}h2{font-size:clamp(1.8rem,5vw,2.2rem)!important}.subtitle{font-size:clamp(1rem,3vw,1.2rem)!important;margin-bottom:1.5rem!important}.btn{font-size:.95rem!important;margin:0 auto!important;max-width:300px!important;padding:14px 24px!important;width:100%!important}.glass-card{margin-bottom:1rem!important;padding:24px!important}.section-title{margin-bottom:2rem!important;text-align:center!important}.hero{justify-content:center!important;min-height:100vh!important;padding-bottom:40px!important;padding-top:80px!important}.hero,.hero-grid{align-items:center!important;display:flex!important}.hero-grid{flex-direction:column!important;gap:2rem!important;min-height:auto!important;width:100%!important}.hero p,.hero-grid{text-align:center!important}.hero p{font-size:1.05rem!important;line-height:1.6!important;margin-bottom:2rem!important;max-width:100%!important;padding:0 1rem!important}.hero .btn{margin-bottom:1rem!important;max-width:280px!important;width:100%!important}.hero .profile-container{align-items:center!important;border-radius:50%!important;display:flex!important;height:200px!important;justify-content:center!important;margin:0 auto 2rem!important;order:-1!important;overflow:visible!important;width:200px!important}.hero .profile-container>div{border-radius:50%!important;overflow:hidden!important}.hero .profile-container img{border-radius:50%!important;display:block!important;height:100%!important;object-fit:cover!important;object-position:center center!important;width:100%!important}.skill-tag{display:inline-block!important;font-size:.8rem!important;margin-bottom:.5rem!important;padding:8px 16px!important;text-align:center!important}.hero .social-links{justify-content:center!important;margin-top:1.5rem!important}}@media (max-width:480px){.container{padding:0 1rem}.section{padding:40px 0 30px}h1{font-size:clamp(2rem,8vw,2.5rem)!important;line-height:1.1!important}h2{font-size:clamp(1.5rem,6vw,1.8rem)!important}.subtitle{font-size:clamp(.95rem,4vw,1.1rem)!important}.skill-tag{font-size:.75rem!important;margin:0 4px 8px 0!important;padding:6px 12px!important}.btn{font-size:.9rem!important;max-width:250px!important;padding:12px 20px!important;width:100%!important}.glass-card{border-radius:16px!important;padding:20px!important}.hero{min-height:100vh!important;padding-top:60px!important}.hero-grid{gap:1.5rem!important;padding:0 .5rem!important}.hero .profile-container{margin:0 auto 1.5rem!important}.hero h1{font-size:clamp(2rem,8vw,2.5rem)!important;line-height:1.1!important;margin-bottom:1rem!important}.hero p{font-size:.95rem!important;line-height:1.5!important;margin-bottom:1.5rem!important;padding:0 1.5rem!important}.hero .btn{font-size:.85rem!important;max-width:240px!important;padding:10px 18px!important}#timeline .timeline-container{margin:0 auto!important;max-width:100%!important;padding:0!important}#timeline .timeline-card{left:0!important;margin:0 auto 2rem!important;max-width:95%!important;position:relative!important;transform:none!important;width:95%!important}.hero{padding-bottom:30px!important;padding-top:70px!important}.hero .profile-container{height:160px!important;margin-bottom:1.5rem!important;width:160px!important}.hero .profile-container>div{height:150px!important;width:150px!important}.nav-mobile-toggle{display:block!important}.nav-desktop{display:none!important}body,html{overflow-x:hidden!important}.btn,.glass-card,.skill-tag{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.subtitle,p{margin-left:auto;margin-right:auto;text-align:center}img{height:auto;max-width:100%}}.hero .profile-container{overflow:visible!important;position:relative!important}.hero .profile-container img{border-radius:50%!important;display:block!important;height:100%!important;object-fit:cover!important;object-position:center center!important;width:100%!important}
/*# sourceMappingURL=main.eb48cdff.css.map*/