@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}.hero-navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#141428b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 24px 24px;box-shadow:0 8px 32px #1f26875e;color:#fff;position:sticky;top:0;z-index:1000;border-bottom:1.5px solid rgba(186,104,200,.2)}.logo{font-family:Great Vibes,cursive;font-size:3rem;font-weight:400;color:gold;text-shadow:0 0 12px #ffd700,0 0 24px #b993d6;transition:transform .2s,text-shadow .2s}.logo:hover{transform:scale(1.07);text-shadow:0 0 24px #ffd700,0 0 48px #b993d6}.gold-glitter{background:linear-gradient(90deg,violet,violet,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear}@keyframes shimmer{0%{text-shadow:0 0 6px #ffdf5e,0 0 12px #ffd700}50%{text-shadow:0 0 10px #fff58a,0 0 16px #ffc400}to{text-shadow:0 0 6px #ffdf5e,0 0 12px #ffd700}}.nav-links{list-style:none;display:flex;gap:40px}.nav-links li a{color:#e0e0ff;font-size:1.2rem;font-weight:500;padding:8px 18px;border-radius:8px;background:linear-gradient(90deg,#ba68c81f,#94bbe91f);transition:background .3s,color .3s,box-shadow .3s}.nav-links li a:hover{color:gold;background:linear-gradient(90deg,#b993d6,gold);box-shadow:0 0 16px #b993d6}.resume-button{background:linear-gradient(90deg,#b993d6,gold);color:#222;border-radius:999px;padding:12px 32px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 24px #ba68c833;transition:background .3s,box-shadow .3s,transform .2s}.resume-button:hover{background:linear-gradient(90deg,gold,#b993d6);box-shadow:0 0 32px gold;transform:translateY(-2px) scale(1.05)}@media (max-width: 768px){.hero-navbar{flex-direction:column;align-items:flex-start;padding:12px 10px}.logo{font-size:2.1rem;margin-bottom:8px}.hero-center{width:100%;display:flex;justify-content:flex-start}.nav-links{flex-direction:column;gap:12px;width:100%;align-items:flex-start;margin-top:8px}.nav-links li a{font-size:1.1rem;padding:6px 0;color:#e0e0ff;background:linear-gradient(90deg,#eeaeca33,#94bbe933);border-radius:4px;width:100%;display:block}.hero-right{margin-top:10px;width:100%;display:flex;justify-content:flex-start}.resume-button{width:100%;text-align:center;font-size:1rem;background:linear-gradient(90deg,#b993d6,#8ca6db);color:#222}}.about-section{background:#000;color:#fff;padding:80px 40px;min-height:100vh;font-family:Outfit,sans-serif;display:flex;align-items:center;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;animation:fadeIn 1.5s ease-in;max-width:1200px;margin:0 auto}.about-left .about-img{width:100%;max-width:450px;border-radius:20px;box-shadow:0 0 30px violet;animation:float 4s ease-in-out infinite}.about-right{padding-right:20px}.about-right h2{font-size:2.8rem;margin-bottom:25px}.gold-text{color:gold;font-weight:600}.about-desc{font-size:1.2rem;line-height:1.8;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.highlight{color:violet;font-weight:500}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;text-align:center}.about-right{padding-right:0}.about-right h2{font-size:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.skills-section{background-color:#000;padding:100px 40px;text-align:center;color:#fff}.skills-title{font-size:2.5rem;color:violet;margin-bottom:60px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:1000px;margin:0 auto}.skill-icon{font-size:4rem;color:#fff;padding:30px;background:#000;border-radius:50%;box-shadow:0 0 25px violet;position:relative;transition:transform .4s ease,box-shadow .4s;animation:float 4s ease-in-out infinite;cursor:pointer}.skill-icon:hover{transform:scale(1.2);box-shadow:0 0 40px violet}.skill-icon:before{content:attr(title);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:1.1rem;color:violet;opacity:0;transition:opacity .4s ease}.skill-icon:hover:before{opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.projects-section{background-color:#000;color:#fff;padding:100px 30px;text-align:center}.projects-title{font-size:2.5rem;color:#fff;margin-bottom:60px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1100px;margin:0 auto}.project-card{position:relative;background-color:#1a1a1a;height:280px;border-radius:16px;overflow:hidden;box-shadow:0 0 25px violet;transition:transform .4s ease,box-shadow .3s ease;display:flex;justify-content:center;align-items:center;padding:20px}.project-card:hover{transform:scale(1.05);box-shadow:0 0 50px violet,0 0 80px gold}.card-content{z-index:2;text-align:center;position:relative;transition:opacity .4s ease}.card-content h3{color:gold;font-size:1.5rem;margin-bottom:10px}.tech-used{font-style:italic;color:violet}.zoom-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000f2;color:#fff;padding:20px;opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.zoom-overlay p{font-size:1.1rem;line-height:1.6;text-align:center;margin-bottom:20px}.project-card:hover .card-content{opacity:0}.project-card:hover .zoom-overlay{opacity:1;transform:scale(1)}.project-links{display:flex;justify-content:center;margin-top:20px}.github-link{color:#000;text-decoration:none;padding:8px 20px;background-color:gold;border-radius:5px;font-weight:600;transition:all .3s ease;box-shadow:0 0 10px #ffd7004d}.github-link:hover{transform:translateY(-2px);box-shadow:0 0 15px #ffd70080;background-color:gold}@media (max-width: 768px){.projects-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}}.cert-section{background-color:#000;color:#fff;padding:100px 30px;text-align:center}.cert-title{font-size:2.5rem;margin-bottom:60px}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto}.cert-card{background-color:#1a1a1a;border-radius:16px;padding:25px;box-shadow:0 0 25px violet;transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{transform:scale(1.05);box-shadow:0 0 30px gold}.cert-card h3{font-size:1.4rem;color:gold;margin-bottom:10px}.issuer{font-style:italic;color:violet}.year{font-size:.9rem;margin-bottom:12px;color:#ccc}.cert-link{display:inline-block;margin-top:10px;padding:8px 16px;background-color:gold;color:#000;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.cert-link:hover{background-color:violet;color:#fff}@media (max-width: 768px){.cert-title{font-size:2rem}.cert-grid{grid-template-columns:1fr}}.contact-section{background:#000;color:#fff;padding:100px 20px;text-align:center}.contact-title{font-size:2.5rem;margin-bottom:40px}.gold{color:gold}.contact-form{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:14px;border:2px solid violet;border-radius:10px;background-color:transparent;color:#fff;font-size:1rem;transition:all .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form input:focus,.contact-form textarea:focus{border-color:gold;outline:none;box-shadow:0 0 10px violet}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{padding:12px 20px;background-color:gold;color:#000;font-weight:700;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.contact-form button:hover{background-color:violet;color:#fff;box-shadow:0 0 15px violet}.success-message{color:#4caf50;margin-top:10px;font-weight:500}.error-message{color:#f44336;margin-top:10px;font-weight:500}button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.contact-title{font-size:2rem}.contact-form{padding:20px}}.footer{background-color:#000;color:#fff;padding:40px 20px;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-icons{display:flex;justify-content:center;gap:32px;margin-bottom:18px}.footer-icon-link{color:#e0e0ff;background:#28283cb3;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 2px 12px #ba68c81f;transition:color .3s,box-shadow .3s,background .3s,transform .2s}.footer-icon-link:hover{color:gold;background:linear-gradient(90deg,#b993d6,gold);box-shadow:0 0 24px gold,0 0 32px #b993d6;transform:scale(1.12)}.copyright{color:#888;font-size:.9rem;margin-top:20px}@media (max-width: 768px){.footer-icons{flex-direction:column;gap:15px}.footer-icon-link{justify-content:center}}.social-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.social-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;padding:8px 16px;border-radius:8px;background-color:#1a1a1a}.social-link:hover{color:gold;transform:translateY(-3px);box-shadow:0 0 15px violet}.social-link i{font-size:1.2rem}@media (max-width: 768px){.social-links{flex-direction:column;gap:15px}.social-link{justify-content:center}}