@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://fonts.googleapis.com/icon?family=Material+Icons";body{font-family:Arial,sans-serif;background-color:#f9f9f9;margin:0;padding:0;box-sizing:border-box;color:#333}.App{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a}header{text-align:center;padding:50px 20px;background:linear-gradient(45deg,#1d72b8,#0074d9);color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a}header h1{font-size:3em;margin-bottom:10px}header p{font-size:1.2em;margin-top:10px}header a{color:#fc0;text-decoration:none;font-weight:700;padding-left:4em;padding-right:4em}header a:hover{text-decoration:underline}#about{display:flex;align-items:center;justify-content:space-around;margin-top:50px;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}#about img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #0000001a}#about div{max-width:600px;text-align:left}#about div h2{font-size:2.5em;margin-bottom:10px}#about div p{font-size:1.2em;line-height:1.5;color:#555}#skills{padding:40px 20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:50px}.skill{background:#f1f1f1;padding:20px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}#skills img{width:70px;height:70px;border-radius:10%;object-fit:contain;box-shadow:0 4px 8px #0000001a}.skill svg{color:#0074d9;font-size:40px}.skill p{margin-top:10px;font-size:1em;color:#333}#projects{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:40px 20px;background-color:#a01414;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:50px}.project-card{background-color:#f1f1f1;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.project-card img{width:100%;height:180px;border-radius:10px;object-fit:cover;margin-bottom:15px}.project-card h3{font-size:1.5em;margin-bottom:10px;color:#0074d9}.project-card p{font-size:1em;color:#555}.project-card a{display:inline-block;margin-top:10px;color:#0074d9;font-weight:700;text-decoration:none}.project-card a:hover{text-decoration:underline}@media (max-width: 768px){#about{flex-direction:column;text-align:center}#about img{width:150px;height:150px}.skills-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}#projects{flex-direction:column;align-items:center}.project-card{width:80%}}@media (max-width: 480px){header h1{font-size:2em}header p{font-size:1em}.skill svg{font-size:30px}.skill p{font-size:14px}.project-card h3{font-size:1.2em}.project-card p{font-size:.9em}}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#fff;background-color:#000;background-image:url(/assets/background-GGm64YoA.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;height:100%;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.App{width:100%;min-height:100vh;padding:0;background:transparent;display:flex;flex-direction:column;flex-grow:1}header{text-align:center;padding:50px 20px;background:transparent;color:#fff;border-radius:0;box-shadow:none;flex-shrink:0;margin-top:100px}header h1{font-size:3.5em;margin-bottom:15px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#a8dadc,#fff,#457b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(168,218,220,.3);animation:glow 3s ease-in-out infinite;position:relative}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(168,218,220,.3))}50%{filter:drop-shadow(0 0 20px rgba(168,218,220,.6))}}header p{font-size:1.4em;margin-top:15px;color:#e0e0e0;letter-spacing:.5px;font-weight:500;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 30px;border-radius:50px;border:1px solid rgba(168,218,220,.3);display:inline-block;transition:all .3s ease}header p:hover{background:#ffffff1a;border-color:#a8dadc99;box-shadow:0 8px 20px #a8dadc33}header h6{font-size:1.4em;margin-top:10px;color:#291c53}header a{color:#a8dadc;text-decoration:none;font-weight:700;margin:0 12px;transition:all .3s ease}header a:hover{color:#fff;transform:translateY(-3px)}.contact-info{margin-top:25px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}#about{display:flex;position:relative;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:20px;gap:40px;margin-top:40px;padding:40px;align-items:center;justify-content:space-around;box-shadow:0 8px 32px #1f26875e;transition:all .3s ease}#about:hover{background:#ffffff1f;box-shadow:0 15px 45px #1f268780}#about img{width:300px;height:300px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease,box-shadow .3s ease}#about img:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0006}#about div{flex:1;max-width:600px}#about div h2{font-size:2.5em;margin-bottom:20px;background:linear-gradient(135deg,#fff,#a8dadc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}#about div p{font-size:1.1em;line-height:1.8;color:#e0e0e0;margin-bottom:15px}#about div p:last-child{margin-bottom:0}#skills{background:transparent;padding:40px 20px;margin-top:50px}#skills h3{margin-top:30px;margin-bottom:20px;font-size:1.4em;color:#e8e8e8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;margin-bottom:40px}.skill-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#ffffff0d;border-radius:10px;transition:all .3s ease;cursor:pointer}.skill-card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 6px 16px #0000004d}.skill-card img{width:60px;height:60px;object-fit:contain;border-radius:8px;transition:transform .3s ease}.skill-card:hover img{transform:scale(1.1)}.skill-name{font-size:.85em;color:#d1d5db;text-align:center;margin:0;font-weight:500;line-height:1.2}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;justify-items:center;margin-top:20px}.skill{background:transparent;padding:20px;border-radius:8px;cursor:zoom-in}.skill:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.skill svg{color:#0074d9;font-size:40px;transition:transform .3s ease,box-shadow .3s ease}.skill p{margin-top:10px;font-size:1em;color:#fff}.experience-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.company-logo{width:90px;height:auto;border-radius:5px}.experience-details h3{margin:0;font-size:1.1em;color:#fff}.experience-details p{margin:0;font-size:.9em;color:#fff}#experience{padding:0 20px;max-width:1400px}#experience h2{margin-bottom:30px}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.experience-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.experience-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.experience-card-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;background:linear-gradient(135deg,#fff,#f0f0f0);padding:8px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2)}.experience-card h3{margin:0;font-size:1.2em;color:#e8e8e8;font-weight:600}.experience-company{margin:0;font-size:1.05em;color:#d1d5db;font-weight:600}.experience-duration{margin:0;font-size:.85em;color:#a0aec0}.experience-bullets{margin:10px 0 0;padding-left:20px;list-style:none}.experience-bullets li{margin:8px 0;font-size:.9em;color:#e0e0e0;line-height:1.4}.experience-bullets li:before{content:"▸ ";color:#a0aec0;margin-right:8px}@media (max-width: 768px){.experience-grid{grid-template-columns:1fr}#about{flex-direction:column;gap:30px;padding:30px 20px}#about img{width:260px;height:260px}#about div{max-width:100%}#about div h2{font-size:2em}#about div p{font-size:1em}}@media (max-width: 480px){#about{padding:20px}#about img{width:220px;height:220px}#about div h2{font-size:1.6em;margin-bottom:15px}#about div p{font-size:.95em;line-height:1.6}}#projects{background:transparent;margin-top:10px;padding:0 20px;max-width:1400px;text-align:left}#projects h2{margin-bottom:30px;text-align:left}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects-heading{text-align:center;font-size:2.5em;color:#fff;margin-bottom:20px}.project-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.project-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.project-card img{width:100%;height:180px;border-radius:8px;object-fit:cover;margin-bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:8px;box-sizing:border-box}.project-card h3{font-size:1.1em;margin:0;color:#e8e8e8;font-weight:600;line-height:1.3}.project-card p{font-size:.9em;color:#e0e0e0;margin:0;line-height:1.4}.project-link{display:inline-block;margin-top:10px;color:#a0aec0;font-weight:500;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#e8e8e8;text-decoration:underline}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#about{flex-direction:column;text-align:center}#about img{width:150px;height:150px}.skills-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.projects-grid{grid-template-columns:1fr}.project-card{width:100%}}@media (max-width: 480px){header h1{font-size:2em}header p{font-size:1em}.skill svg{font-size:30px}.skill p{font-size:14px}.project-card h3{font-size:1.1em}.project-card p{font-size:.9em}}h2{font-weight:700;color:#fff;font-size:30px}.education-heading h2{font-size:2.5em;color:#fff;margin-bottom:30px}.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.education-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.education-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.education-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;background:linear-gradient(135deg,#fff,#f0f0f0);padding:8px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2)}.education-card h3{margin:0;font-size:1.2em;color:#e8e8e8;font-weight:600}.education-degree{margin:0;font-size:1em;color:#d1d5db;font-weight:500}.education-period,.education-gpa{margin:0;font-size:.9em;color:#a0aec0}.education-container{display:flex;flex-direction:column;align-items:flex-start;padding:5px}.education-item{display:flex;align-items:center;gap:10px;width:100%;max-width:800px}.university-logo{width:70px;height:auto}.education-details h3{font-size:1.3em;color:#fff}.education-details p{font-size:1em;color:#ccc}.certifications-heading h2{font-size:2.5em;color:#fff;margin-bottom:20px}.certifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.certification-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.certification-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.certification-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;background:linear-gradient(135deg,#fff,#f0f0f0);padding:8px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2)}.certification-card h3{margin:0;font-size:1.2em;color:#e8e8e8;font-weight:600}.certification-organization{margin:0;font-size:1.05em;color:#d1d5db;font-weight:600}.certification-date{margin:0;font-size:.9em;color:#a0aec0}.certifications-container{display:flex;flex-direction:column;align-items:flex-start}.certification-item{display:flex;align-items:center;gap:10px;width:100%;max-width:800px;background-color:transparent;border-radius:10px}.certification-details h3{font-size:1.3em;color:#fff}.certification-details p{font-size:1em;color:#ccc}.cert-date{font-size:1em;color:#aaa}#contact{padding:50px;background-color:transparent;color:#fff;text-align:center}.contact-heading{font-size:1.1em;margin-bottom:10px;color:#d5bcd8}.contact-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.contact-details p{font-size:1em;display:flex;align-items:center;gap:10px}.contact-icon{font-size:1.5em;color:#cd9dc2}.contact-details a{color:#d5bcd8;text-decoration:none;transition:color .3s}.contact-details a:hover{color:#772c7a}.resume-button{display:flex;align-items:center;background-color:#cd9dc2;color:#2c022f;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background .3s ease}.resume-button:hover{background-color:#772c7a}.resume-icon{font-size:1.5em;margin-right:10px}@media (max-width: 768px){.contact-container{flex-direction:column;text-align:center}.experience-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}.education-grid,.certifications-grid{grid-template-columns:1fr}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}.falling-skills-container{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;overflow:hidden;z-index:1}.falling-skill{position:absolute;top:-80px;width:70px;height:70px;animation:fall 10s linear forwards;opacity:.8;display:flex;align-items:center;justify-content:center;pointer-events:none}.falling-skill img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(168,218,220,.5))}@keyframes fall{0%{transform:translateY(0);opacity:.8}50%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:90%;max-width:1200px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:0;z-index:1000;padding:20px 0;margin:0;transition:all .3s ease}.nav-container{max-width:100%;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center;height:auto}.nav-logo{color:#a8dadc;font-size:1.6em;font-weight:800;letter-spacing:3px;text-decoration:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center}.nav-logo-image{height:50px;width:50px;object-fit:cover;border-radius:50%;transition:all .3s ease}.nav-logo:hover .nav-logo-image{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(168,218,220,.6))}.nav-logo:hover{color:#fff;text-shadow:0 0 15px rgba(168,218,220,.5)}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:40px;align-items:center}.nav-item{margin:0}.nav-link{color:#d0d0d0;background:none;border:none;font-size:.95em;font-weight:500;cursor:pointer;padding:8px 0;border-radius:0;transition:all .3s ease;position:relative;text-transform:capitalize;letter-spacing:.5px}.nav-link:before{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,#a8dadc,#457b9d);transition:width .3s ease}.nav-link:hover{color:#a8dadc}.nav-link:hover:before{width:100%}.nav-link.active{color:#a8dadc}.nav-link.active:before{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;color:#a8dadc;font-size:24px;transition:color .3s ease;background:none;border:none;padding:5px}.hamburger:hover{color:#fff}.mobile-menu{display:none;position:static;width:100%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;padding:20px 40px;flex-direction:column;gap:0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-link{color:#d0d0d0;background:none;border:none;padding:14px 0;border-radius:0;font-size:.95em;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;text-transform:capitalize;letter-spacing:.5px;position:relative;border-bottom:1px solid rgba(168,218,220,.08)}.mobile-menu-link:last-child{border-bottom:none}.mobile-menu-link:hover,.mobile-menu-link.active{color:#a8dadc;padding-left:10px}header{margin-top:0;padding:50px 20px;background:transparent;color:#fff;border-radius:0;box-shadow:none;flex-shrink:0}.scroll-to-top{position:fixed;bottom:30px;right:30px;z-index:99}.scroll-button{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#a8dadc,#457b9d);color:#fff;border:2px solid rgba(255,255,255,.3);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #a8dadc4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px #a8dadc80;background:linear-gradient(135deg,#457b9d,#a8dadc)}.scroll-button:active{transform:translateY(-2px)}@media (max-width: 768px){.nav-menu{display:none}.hamburger,.mobile-menu{display:flex}.nav-container{padding:0 20px}header{padding:30px 15px}header h1{font-size:2.5em}header p{font-size:1em;padding:10px 20px}.scroll-button{width:45px;height:45px;font-size:18px;bottom:20px;right:20px}}@media (max-width: 480px){.nav-logo{font-size:1.3em;letter-spacing:1px}.nav-menu{gap:20px}.nav-container{padding:0 15px}.mobile-menu{padding:15px}header{margin-top:0}header h1{font-size:2em}header p{font-size:.9em}.scroll-button{width:40px;height:40px;font-size:16px;bottom:15px;right:15px}}