@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend+Giga:wght@100..900&family=Lexend:wght@100..900&family=Michroma&family=Righteous&display=swap");.project-page{min-height:100vh;width:100%;background-color:#e0e0e0!important;color:#000000!important;padding:50px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow:hidden;font-family:Arial,sans-serif;position:relative}.back-button{position:absolute;top:20px;left:20px;color:#000000;border:none;padding:8px 16px;font-family:Lexend,sans-serif;font-size:1rem;border-radius:5px;cursor:pointer;opacity:.8;transition:opacity .3s ease;z-index:10}.back-button:hover{opacity:1}.project-txt{font-family:Lexend,sans-serif;font-size:clamp(1rem,3vw,1.5rem);font-optical-sizing:auto;font-style:normal;color:#000000!important;border:2.5px solid #000000;padding:2px 20px;display:block;width:fit-content;margin-top:10px;margin-bottom:40px}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px;margin-top:40px;max-width:1200px;width:100%}.project-card{background:#ffffff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:#007bff}.project-image-container{position:relative;height:250px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,123,255,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-project-text{color:white;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.project-details{padding:30px}.project-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:15px;margin-top:0}.project-description{color:#666;line-height:1.6;margin-bottom:20px;font-size:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#f0f0f0;color:#333;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#007bff;color:white}@media (max-width:768px){.project-page{padding:20px 15px}.back-button{top:15px;left:15px;padding:6px 14px;font-size:.9rem}.project-txt h1{font-size:2rem}.projects-container{grid-template-columns:1fr;gap:30px}.project-card{margin:0 10px}.project-image-container{height:200px}.project-details{padding:20px}}@media (max-width:480px){.back-button{top:10px;left:10px;padding:5px 12px;font-size:.85rem}.project-txt h1{font-size:1.5rem}.project-title{font-size:.8rem}.project-description{font-size:.9rem}}