*{margin:0;padding:0}body{height:100vh;background-color:#000;color:#fff}.footer{color:#fff;text-align:center;padding:20px;border-top:2px solid rgba(33,32,32,.32)}.footer .logo{width:120px;margin-bottom:15px}.footer .social-icons{display:flex;justify-content:center;gap:15px;font-size:24px;margin-bottom:10px}.footer .social-icons a{color:#fff;transition:color .3s}.footer .social-icons a:hover{color:#f39c12}.footer .copyright{font-size:14px;margin-top:10px}.header{display:flex;align-items:flex-start;justify-content:space-between;position:sticky;top:0;background-color:#000;z-index:100}.header img{margin:15px 20px}#logo{width:50px!important;height:50px!important}.anav,a{text-decoration:none;color:#fff}.nav{display:flex;align-items:center;list-style:none;gap:60px;font-size:18px;margin-top:20px;font-family:Dosis,sans-serif}.connect{margin:15px 20px;padding:15px 25px;border-radius:50px;background:linear-gradient(267deg,#87f6cf .8%,#6f8bf8 102%);font-size:20px;cursor:pointer;transition:.5s;font-family:Dosis,sans-serif}.connect:hover{transform:scale(1.05)}@media(max-width:768px){.connect{display:none}#logo{width:70px!important;height:70px!important}.nav{flex:1;justify-content:center;margin:0;gap:15px}.header{align-items:center;padding:10px 15px}}.text{font-size:25px;padding:10px;font-family:Playfair Display,serif;margin:1% 3%;width:50%;border-radius:10px}.text h3{margin:3px 0}.text p{font-size:20px;padding:3px 0;font-family:Caveat,cursive}.allhero{display:flex;justify-content:space-between}.img{border:1px solid rgb(183,234,243);width:320px;height:300px;border-radius:50%;box-shadow:0 0 20px 7px #69e6e0;margin-right:13%;margin-top:3%;object-fit:scale-down}.col{color:#69e6e0}@media(max-width:768px){.allhero{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:20px}.text{width:90%;margin:20px 0;text-align:center;padding:0}.img{width:250px;height:250px;margin:0 0 20px}}.project-card-horizontal{display:flex;align-items:center;gap:40px;padding:30px;border-radius:12px;color:#fff;box-shadow:0 13px 25px #7ff0f049;margin-bottom:30px;cursor:pointer;transition:transform .3s}.project-card-horizontal:hover{transform:scale(1.02)}.left-section{flex:1;min-width:60%}.project-number{color:#39fcef;font-weight:600;margin-bottom:5px}.project-title{font-size:1.8rem;margin:0 0 15px;color:#fff}.small-description{color:#c0c4cb;line-height:1.6;margin-bottom:25px}.button-group{display:flex;gap:15px}.code-btn,.demo-btn{padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;display:inline-block}.code-btn{background:#61cef3;color:#fff}.demo-btn{background:#6f79eb;color:#fff}.right-section{flex:0 0 35%;text-align:center}.image-container{position:relative;margin-bottom:20px}.image-container img{width:100%;max-width:500px;height:200px;object-fit:fill;border-radius:8px}.status-badge{position:absolute;top:10px;right:10px;background:#7972d3a3;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;box-shadow:0 2px 10px #0000001a}.status-badge.completed{color:#60a7f2}.tech-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tech-tag{background:#4670fc;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem}.projects-section{padding:80px 0;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:15px}.section-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:30px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#c7d2fe;color:#4f46e5}.filter-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.project-count{color:#6b7280;font-size:.9rem;font-weight:500}.projects-list{display:flex;flex-direction:column;gap:30px}.no-projects{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.no-projects p{font-size:1.2rem;color:#6b7280;margin-bottom:20px}.reset-filter{padding:12px 30px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:opacity .3s}.reset-filter:hover{opacity:.9}@media(max-width:768px){.projects-section{padding:40px 0}.section-title{font-size:2rem}.filter-container{flex-direction:column;align-items:flex-start}.filter-buttons{justify-content:center;width:100%}}#certifications h2{padding:10px}#certifications .cert-grid{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:10px;justify-content:flex-start;gap:20px;padding:20px 10px;-webkit-overflow-scrolling:touch}.cert-grid div{font-family:EB Garamond,serif;box-shadow:0 13px 25px #7ff0f049;margin:3px;cursor:pointer;transition:transform .3s;padding:10px;width:350px;border-radius:3%;cursor:default;flex:0 0 auto}.cert-grid div:hover{transform:scale(1.02)}#certifications .cert-grid::-webkit-scrollbar{display:none}#certifications .cert-grid{-ms-overflow-style:none;scrollbar-width:none}.cert-grid img{width:100%;height:200px;object-fit:contain;background-color:#f0f0f0;border-radius:8px;margin-bottom:15px;padding:0;margin-top:10px}.cert-grid h3{margin:5px 2px;font-family:EB Garamond,serif;font-size:25px;height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.vrf{text-decoration:none;color:#fff;background:#325f63;padding:8px 15px;border-radius:6px;font-weight:500;display:inline-block;margin:10px 0;cursor:pointer}#cert-image{border:solid red 10px;border-radius:6px}.info{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:5px;font-family:Caveat,cursive;font-size:25px}.cv{margin:5px;width:200px;height:200px}
