@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#fff;background:#080312;font-family:Poppins,sans-serif;overflow-x:hidden}.app{width:100%}section{padding:100px 10%}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#12071f}html::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:20px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0c0419cc;justify-content:space-between;align-items:center;width:100%;padding:20px 10%;display:flex;position:fixed;top:0}.logo{color:#a855f7;font-size:2rem;font-weight:700}.nav-links{gap:35px;list-style:none;display:flex}.nav-links li{cursor:pointer;font-size:1rem;transition:all .3s}.nav-links li:hover{color:#a855f7}.social-icons{gap:15px;display:flex}.social-icons a{color:#fff;font-size:1.5rem;transition:all .3s}.social-icons a:hover{color:#a855f7;transform:scale(1.1)}.hero{background:radial-gradient(circle,#180628,#080312);justify-content:space-between;align-items:center;min-height:100vh;padding:100px 10%;display:flex}.hero-content{max-width:600px}.hero-content h3{color:#c084fc;font-size:1.5rem}.hero-content h1{margin:10px 0;font-size:4rem}.hero-content h2{color:#a855f7;margin-bottom:20px;font-size:2rem}.hero-content p{color:#cfcfcf;line-height:1.8}.hero-buttons{gap:20px;margin-top:30px;display:flex}.hero-buttons a{color:#fff;background:linear-gradient(90deg,#9333ea,#7e22ce);border-radius:30px;padding:14px 28px;text-decoration:none;transition:all .3s}.hero-buttons a:hover{transform:translateY(-5px);box-shadow:0 0 25px #a855f780}.hero-animation{width:500px}.hero-animation svg{filter:drop-shadow(0 0 30px #a855f759)}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding-top:120px}.hero-animation{width:300px;margin-bottom:30px}.hero-content h1{font-size:2.8rem}}.about{background:#0b0517}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #a855f733;border-radius:25px;max-width:900px;margin:auto;padding:40px}.about-card p{color:#d1d5db;margin-bottom:20px;line-height:1.9}.about-stats{justify-content:space-around;margin-top:35px;display:flex}.about-stats h3{color:#a855f7;font-size:2rem}.about-stats span{color:#ccc}@media (width<=768px){.about-stats{text-align:center;flex-direction:column;gap:20px}}.skills{color:#fff;background:#080312;padding:100px 10%}.section-title{text-align:center;color:#fff;margin-bottom:50px;font-size:2.8rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #a855f733;border-radius:25px;padding:25px;transition:all .4s;box-shadow:0 0 20px #a855f714}.skill-card:hover{border-color:#a855f7;transform:translateY(-8px);box-shadow:0 0 35px #a855f740}.skill-card h3{text-align:center;color:#c084fc;margin-bottom:25px;font-size:1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:14px;transition:all .3s;display:flex}.skill-item:hover{background:#a855f71f;border-color:#a855f780;transform:scale(1.05)}.skill-icon{color:#a855f7;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.skill-item p{color:#e5e5e5;margin:0;font-size:.95rem}.soft-skills-section{text-align:center;margin-top:80px}.soft-skills-section h3{color:#c084fc;margin-bottom:35px;font-size:2rem}.soft-skills{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.soft-skill{background:#a855f71f;border:1px solid #a855f74d;border-radius:50px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;transition:all .3s;display:flex}.soft-skill svg{color:#c084fc;font-size:1.2rem}.soft-skill:hover{background:#a855f738;transform:translateY(-5px);box-shadow:0 0 20px #a855f740}@media (width<=768px){.skills{padding:80px 6%}.section-title{font-size:2.2rem}.skills-grid{grid-template-columns:1fr}.soft-skill{justify-content:center;width:100%}}.projects{background:#0b0517}.project-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{text-align:center;background:#ffffff0d;border:1px solid #a855f733;border-radius:25px;padding:30px;transition:all .4s}.project-card:hover{box-shadow:0 0 30px #a855f74d}.project-icon{color:#a855f7;margin-bottom:20px;font-size:3rem}.project-card h3{margin-bottom:15px}.project-card p{color:#ccc;margin-bottom:15px}.project-card span{color:#c084fc;margin-bottom:20px;display:block}.project-card button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9333ea,#7e22ce);border:none;border-radius:30px;padding:12px 25px}@media (width<=900px){.project-grid{grid-template-columns:1fr}}.achievements{background:#080312}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.achievement-card{text-align:center;background:#ffffff0d;border:1px solid #a855f733;border-radius:25px;padding:35px}.achievement-card:hover{box-shadow:0 0 30px #a855f74d}.achievement-icon{color:#a855f7;margin-bottom:20px;font-size:3rem}.achievement-card p{color:#ccc}@media (width<=900px){.achievement-grid{grid-template-columns:1fr}}.certificates{text-align:center;background:#0b0517}.certificate-subtitle{color:#bdbdbd;margin-bottom:50px}.certificate-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.certificate-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #a855f733;border-radius:25px;transition:all .4s;position:relative;overflow:hidden}.certificate-card:hover{transform:translateY(-12px);box-shadow:0 0 35px #a855f759}.certificate-card img{object-fit:cover;width:100%;height:260px;transition:all .5s}.certificate-card:hover img{transform:scale(1.08)}.certificate-overlay{z-index:10;position:absolute;top:15px;right:15px}.cert-icon{color:#a855f7;background:#00000080;border-radius:50%;padding:10px;font-size:2rem}.certificate-content{padding:25px}.certificate-content h3{color:#fff;margin-bottom:20px}.view-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9333ea,#7e22ce);border:none;border-radius:30px;align-items:center;gap:10px;margin:auto;padding:12px 22px;transition:all .3s;display:flex}.view-btn:hover{transform:scale(1.05)}.modal{z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content img{border:3px solid #9333ea;border-radius:20px;width:85%;max-width:1000px;box-shadow:0 0 50px #a855f780}@media (width<=900px){.certificate-grid{grid-template-columns:1fr}.modal-content img{width:95%}}.contact{background:#080312}.contact-container{align-items:center;gap:50px;display:flex}.contact-info,.contact-form{flex:1}.contact-info h3{color:#a855f7;margin-bottom:15px;font-size:2rem}.contact-info p{color:#cfcfcf;margin-bottom:30px;line-height:1.8}.info-box{color:#fff;background:#ffffff0d;border:1px solid #a855f733;border-radius:18px;align-items:center;gap:15px;margin-bottom:20px;padding:18px;text-decoration:none;transition:all .3s;display:flex}.info-box:hover{transform:translate(8px);box-shadow:0 0 20px #a855f740}.info-box svg{color:#a855f7;font-size:1.3rem}.social-links{gap:20px;margin-top:30px;display:flex}.social-links a{color:#fff;background:#ffffff0d;border:1px solid #a855f733;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.4rem;transition:all .3s;display:flex}.social-links a:hover{color:#a855f7;transform:translateY(-5px);box-shadow:0 0 25px #a855f759}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff0d;border:1px solid #a855f733;border-radius:18px;outline:none;padding:18px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9333ea,#7e22ce);border:none;border-radius:30px;padding:18px;font-size:1rem;transition:all .3s}.contact-form button:hover{transform:translateY(-4px);box-shadow:0 0 30px #a855f759}@media (width<=900px){.contact-container{flex-direction:column}}.footer{text-align:center;background:#0b0517;padding:40px 10%}.footer h2{color:#a855f7;margin-bottom:15px}.footer p{color:#ccc}.footer-icons{justify-content:center;gap:20px;margin:20px 0;display:flex}.footer-icons a{color:#fff;font-size:1.8rem;transition:all .3s}.footer-icons a:hover{color:#a855f7}