*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#f8fafc;line-height:1.6}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600}html{scroll-padding-top:70px}@media (max-width: 768px){#root{padding-top:70px}}.navbar{position:fixed;top:0;width:100%;background-color:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:.5rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.nav-logo{font-size:1.5rem;font-weight:700;color:#93c5fd}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-item a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-item a:hover{color:#93c5fd}@media (max-width: 768px){.nav-menu{gap:1rem}}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid #93c5fd;transition:all .3s ease}.nav-avatar:hover{border-color:#f8fafc;transform:scale(1.05)}.portfolio-header{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;position:relative;overflow:hidden}.portfolio-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#0f172a,#1e40af,#0ea5e9,#1e40af);background-size:400% 400%;animation:gradientBG 15s ease infinite;z-index:-1}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-content{display:flex;flex-direction:column;align-items:center}.profile-img-container{margin-bottom:2rem}.profile-img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid #93c5fd;box-shadow:0 4px 10px #0000004d}.header-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;margin-top:0;background:linear-gradient(45deg,#f8fafc,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0px 2px 4px rgba(0,0,0,.2)}.header-content h2{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;color:#cbd5e1}.catchy-quote{font-size:1.3rem;font-style:italic;color:#f8fafc;margin:1.5rem 0;text-shadow:0 0 10px rgba(147,197,253,.5);font-weight:500}.header-content p{font-size:1.1rem;margin-bottom:2rem;color:#93c5fd;font-style:italic}.contact-info{margin-bottom:2rem;display:flex;justify-content:center}.contact-line{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;color:#cbd5e1}.contact-line a,.contact-line span{color:#93c5fd;text-decoration:none;font-size:1rem;white-space:nowrap}.contact-line a:hover,.contact-info a:hover{text-decoration:underline}.header-links{display:flex;gap:1.5rem;justify-content:center}.header-links a{color:#f8fafc;text-decoration:none;padding:.75rem;border:1px solid #93c5fd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header-icon{font-size:1.5rem;transition:transform .3s ease}.header-links a:hover{background-color:#93c5fd;color:#0f172a}.header-links a:hover .header-icon{transform:scale(1.1)}@media (max-width: 768px){.header-content h1{font-size:2rem;margin-bottom:.5rem}.header-content h2{font-size:1rem;margin-bottom:1rem;line-height:1.4}.catchy-quote{font-size:1rem;margin:1rem 0}.header-links{gap:1rem}.header-links a{padding:.6rem}.header-icon{font-size:1.3rem}.profile-img{width:150px;height:150px}.contact-info{margin-bottom:1.5rem}}.resume-download{display:flex!important;align-items:center;gap:.5rem;border-radius:4px!important;padding:.75rem 1.5rem!important;text-decoration:none}@media (max-width: 768px){.resume-download span{display:none}.resume-download{padding:.6rem!important;border-radius:50%!important}}.header-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:90%;margin:0 auto}.about-section{padding:5rem 2rem;background-color:#f8fafc;color:#0f172a}.about-container{max-width:1200px;margin:0 auto}.about-section h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#1e40af}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.about-item{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.about-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.about-item h3{font-size:1.3rem;margin-bottom:1rem;color:#1e40af}.about-item p{line-height:1.6}.about-item strong{color:#1e40af;font-weight:600}.about-cta{font-size:1.2rem;text-align:center;font-style:italic;color:#64748b;max-width:600px;margin:0 auto}@media (max-width: 768px){.about-section{padding:3rem 1rem}.about-section h2{font-size:2rem}.about-grid{grid-template-columns:1fr}}.skills-section{padding:5rem 2rem;background-color:#1e293b;color:#f8fafc}.skills-container{max-width:1200px;margin:0 auto}.skills-section h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#93c5fd}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background-color:#334155;padding:1.5rem;border-radius:8px}.skill-category h3{font-size:1.3rem;margin-bottom:1rem;color:#cbd5e1;border-bottom:2px solid #93c5fd;padding-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.7rem}.skill-pill{background-color:#0f172a;color:#93c5fd;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid #1e40af}@media (max-width: 768px){.skills-section{padding:3rem 1rem}.skills-grid{grid-template-columns:1fr}}.hobbies-section{padding:5rem 2rem;background-color:#1e293b;color:#f8fafc;text-align:center}.hobbies-container{max-width:800px;margin:0 auto}.hobbies-section h2{font-size:2.5rem;margin-bottom:1rem;color:#93c5fd}.hobbies-section>p{font-size:1.1rem;margin-bottom:3rem;color:#cbd5e1}.hobbies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.hobby-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.hobby-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#1d4ed8);border-radius:50%;font-size:2rem;color:#fff;transition:transform .3s ease}.hobby-item:hover .hobby-icon-wrapper{transform:scale(1.1) translateY(-5px)}.hobby-name{font-weight:500}.projects-section{padding:5rem 2rem;background-color:#f8fafc;color:#0f172a}.projects-container{max-width:1200px;margin:0 auto}.projects-section h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#1e40af}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.project-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1e40af}.project-card p{margin-bottom:1.5rem;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-pill{background-color:#e0f2fe;color:#0369a1;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.project-result{background-color:#f0f9ff;padding:1rem;border-radius:4px;border-left:4px solid #0ea5e9;font-size:.95rem}.project-result strong{color:#0c4a6e}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr}}.contact-section{padding:5rem 2rem;background-color:#1e293b;color:#f8fafc;text-align:center}.contact-container{max-width:600px;margin:0 auto}.contact-section h2{font-size:2.5rem;margin-bottom:1rem;color:#93c5fd}.contact-section>p{font-size:1.1rem;margin-bottom:3rem;color:#cbd5e1}.contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:1rem}.contact-icon{font-size:1.5rem;color:#93c5fd}.contact-item a{color:#f8fafc;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.contact-item a:hover{color:#93c5fd}.contact-links{display:flex;gap:2rem;justify-content:center}.social-icon{font-size:2.5rem;color:#cbd5e1;transition:all .3s ease}.social-icon:hover{color:#93c5fd;transform:translateY(-3px)}@media (max-width: 768px){.contact-section{padding:3rem 1rem}.contact-item{flex-direction:column;gap:.5rem}}.future-section{padding:5rem 2rem;background-color:#0f172a;color:#f8fafc}.future-container{max-width:1200px;margin:0 auto}.future-section h2{font-size:2.5rem;text-align:center;margin-bottom:1.5rem;color:#93c5fd}.future-intro{font-size:1.1rem;text-align:center;margin-bottom:3rem;color:#cbd5e1;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.future-intro strong{color:#93c5fd;font-weight:600}.future-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.future-item{background:linear-gradient(145deg,#1e293b,#334155);padding:2rem;border-radius:12px;box-shadow:0 6px 16px #0003;transition:all .3s ease;border:1px solid #334155}.future-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000004d;border-color:#93c5fd}.future-item h3{font-size:1.3rem;margin-bottom:1rem;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.future-item p{color:#cbd5e1;line-height:1.6;margin:0}@media (max-width: 768px){.future-section{padding:3rem 1rem}.future-section h2{font-size:2rem}.future-grid{grid-template-columns:1fr;gap:1.5rem}.future-item{padding:1.5rem}.future-item h3{font-size:1.2rem}}.site-footer{padding:2rem;background-color:#0f172a;color:#cbd5e1;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:#93c5fd;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#f8fafc;text-decoration:underline}@media (max-width: 768px){.site-footer{padding:1.5rem}.footer-links{gap:1rem}}