.home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to right,#000,#222);text-align:center;color:#fff;padding:80px 20px 20px}.hero{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px}.hero-img{width:150px;height:150px;border-radius:50%;border:4px solid violet;object-fit:cover;box-shadow:0 0 10px violet;margin-bottom:15px}.hero h1{font-size:3rem;color:violet;margin-bottom:10px}.hero p{font-size:1.2rem;margin-bottom:20px}.hero-btn{display:inline-block;padding:10px 20px;font-size:1.2rem;color:#000;background:violet;border-radius:5px;text-decoration:none;transition:.3s ease}.hero-btn:hover{background:#b300ff;color:#fff}.introduction{display:flex;align-items:center;justify-content:center;text-align:left;padding:30px;background:linear-gradient(to right,#000,#222);color:#fff;box-shadow:0 0 10px violet}.introduction h2{font-size:2rem;color:violet}.introduction p{font-size:1.2rem;margin:10px 0;color:#fff}.social-links{margin-top:15px;display:flex;justify-content:center;gap:15px}.social-links a{display:flex;align-items:center;gap:8px;padding:10px 15px;background:violet;color:#000;font-size:1rem;text-decoration:none;border-radius:5px;transition:.3s ease}.social-links a svg{font-size:1.2rem}.intro-content{max-width:50%}.intro-content h2{font-size:2.5rem;color:violet;margin-bottom:10px}.intro-content p{font-size:1.2rem;line-height:1.5}.intro-img{flex-shrink:0;width:40%;display:flex;justify-content:center}.intro-img img{width:80%;max-width:300px;border-radius:10px;box-shadow:0 0 10px violet}@media (max-width: 768px){.introduction{flex-direction:column;text-align:center}.intro-content{max-width:100%}.intro-img{width:100%;margin-top:20px}.intro-img img{width:60%}}.skills{width:80%;max-width:800px;background:#1a1a1a;padding:20px;border-radius:10px;box-shadow:0 0 10px violet;margin-top:30px}.skills h2{font-size:2.5rem;color:violet;margin-bottom:20px}.skills-list{max-width:600px;margin:auto}.skill-item{background:violet;color:#000;font-size:1.2rem;padding:10px;margin:10px 0;border-radius:5px;text-align:left;position:relative;overflow:hidden;box-shadow:0 0 10px violet}.skill-item span{position:relative;z-index:1;padding-left:10px}.projects{text-align:center;padding:50px 20px;color:#fff;margin-top:-20px}.projects h2{font-size:2.5rem;color:violet;margin-bottom:20px}.filter-buttons{margin-bottom:20px}.filter-buttons button{padding:10px 15px;margin:5px;font-size:1rem;border:none;background:violet;color:#000;border-radius:5px;cursor:pointer;transition:.3s}.filter-buttons button.active,.filter-buttons button:hover{background:#b300ff;color:#fff}.projects-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:20px}.project-card{background:#1a1a1a;border-radius:10px;padding:20px;max-width:300px;text-align:center;min-height:350px;box-shadow:0 0 10px violet;transition:transform .3s ease-in-out}.project-card:hover{transform:scale(1.05)}.project-card img{width:100%;height:180px;object-fit:cover;border-radius:5px;box-shadow:0 0 5px violet}.project-card h3{font-size:1.5rem;color:violet;margin:10px 0}.project-card p{font-size:1rem;margin:10px 0}.btn{display:inline-block;padding:10px 20px;font-size:1rem;color:#000;background:violet;border-radius:5px;text-decoration:none;transition:.3s ease}.btn:hover{background:#b300ff;color:#fff}@media (max-width: 768px){.projects-container{flex-direction:column;align-items:center}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center}.filter-buttons button{margin:5px}}.reviews{text-align:center;padding:50px 20px;color:#fff}.reviews h2{font-size:2.5rem;color:violet;margin-bottom:20px}.review-card{max-width:500px;margin:auto;background:#1a1a1a;padding:20px;border-radius:10px;box-shadow:0 0 10px violet;transition:opacity .5s ease-in-out}.review-card img{width:80px;height:80px;border-radius:50%;border:3px solid violet;margin-bottom:10px;object-fit:cover}.review-card p{font-size:1.2rem;font-style:italic;margin:10px 0}.review-card h3{font-size:1.3rem;color:violet}.contact{padding:60px 20px;display:flex;flex-direction:column;text-align:center;color:#fff}.contact h1{font-size:2.5rem;color:violet;margin-bottom:20px}.contact p{font-size:1.2rem;margin-bottom:40px}.contact-container{display:flex;flex-direction:column;gap:30px;max-width:800px}form{background:#222;padding:30px;border-radius:10px;width:100%}.form-group{margin-bottom:15px;text-align:left}label{font-weight:700;margin-bottom:5px;display:block;color:violet}input,textarea{width:100%;padding:12px 5px;font-size:1rem;border:1px solid violet;border-radius:5px;background:#333;color:#fff}textarea{resize:vertical}.submit-btn{background:violet;color:#fff;padding:12px 30px;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#b300ff}.social-links{display:flex;gap:15px;margin-top:20px}.social-icon{color:violet;font-size:2rem;transition:color .3s ease}.social-icon:hover{color:#b300ff}@media (max-width: 768px){.contact-container{gap:20px}}.footer{display:flex;justify-content:space-evenly;align-items:center;background:#000;padding:15px 9px;width:100%;box-shadow:0 4px 10px #00000080}.about{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to right,#000,#222);text-align:center;color:#fff}.about-hero{text-align:center;padding:70px 20px;margin-top:40px;color:#fff;animation:fadeIn 1.5s ease-in-out}.profile-img{width:180px;height:180px;border-radius:50%;border:4px solid violet;box-shadow:0 0 15px violet;margin-bottom:15px;transition:transform .3s ease-in-out}.profile-img:hover{transform:scale(1.1)}h1{font-size:3.2rem;color:violet;margin-top:10px}.hero-subtitle{font-size:1.4rem;max-width:600px;margin:0 auto;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.about-details{text-align:center;padding:50px 20px;background:#1a1a1a;color:#fff;border-radius:10px;box-shadow:0 0 10px violet;width:70vw;margin:40px auto}.about-details h2{font-size:2.5rem;color:violet;margin-bottom:20px}.about-box{background:#222;padding:15px;margin:15px 0;border-radius:8px;box-shadow:0 0 5px violet}.about-box h3{font-size:1.5rem;color:violet}.about-box p{font-size:1.2rem;margin-top:5px}.projects{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.projects-hero{text-align:center;padding:60px 20px;color:#fff}.projects-hero h1{font-size:3rem;color:violet}.projects-hero p{font-size:1.2rem;max-width:600px;margin:10px auto;opacity:.85}.contact{text-align:center;padding:50px 20px;color:#fff}.contact h2{font-size:2.5rem;color:violet;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:500px;margin:0 auto}.contact-form input,.contact-form textarea{width:100%;padding:10px;font-size:1rem;border:2px solid violet;border-radius:5px;background:#1a1a1a;color:#fff}.contact-form textarea{height:100px}.contact-info{margin-top:20px}.contact-info a{color:violet;text-decoration:none;transition:.3s}.contact-info a:hover{color:#b300ff}.social-links{margin-top:20px}.social-links a{display:inline-block;margin:5px;padding:10px 15px;background:violet;color:#000;font-size:1rem;text-decoration:none;border-radius:5px;transition:.3s ease}.social-links a:hover{background:#b300ff;color:#fff}.map-container{width:100%;max-width:600px;margin:auto;border-radius:10px;overflow:hidden;box-shadow:0 0 10px violet}.navbar{display:flex;justify-content:space-evenly;align-items:center;background:#000;padding:15px 9px;position:fixed;width:100%;top:0;left:0;z-index:1000;box-shadow:0 4px 10px #00000080}.logo{font-size:24px;font-weight:700;color:violet}.nav-links{list-style:none;display:flex;gap:10px}.nav-links li{display:inline}.nav-links a{text-decoration:none;color:violet;font-size:18px;padding:10px;border-radius:5px;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{background:violet;color:#000}.menu-toggle{display:none;font-size:28px;color:violet;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:0;background:#000;width:100%;padding:15px 0;text-align:center}.nav-links.show{display:flex}.nav-links li{margin:10px 0}.menu-toggle{display:block}}html,body{height:100%;background:linear-gradient(to right,#000,#222)}.container{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}