@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";.project-detail-wrapper{background:#0f192de6;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border-radius:11px;padding:18px;color:#e8efff;width:clamp(290px,80vw,410px);max-height:63vh;box-shadow:0 7px 32px #32469666;border:1px solid rgba(255,255,255,.18);transform:translateZ(0);overflow-y:auto;font-family:Poppins,sans-serif;box-sizing:border-box;font-size:13px;line-height:1.55}.project-detail-wrapper h2{font-size:1.1rem;margin-top:0;margin-bottom:11px;padding-bottom:7px;color:#fff;border-bottom:1px solid rgba(0,191,255,.5);font-weight:700;letter-spacing:.35px}.project-detail-wrapper p{font-size:.78rem;line-height:1.55;margin-bottom:11px;color:#c0c8e0}.image-gallery{display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:9px;margin-bottom:14px;border-radius:5px;background:#0003;scrollbar-width:thin;scrollbar-color:rgba(0,123,255,.6) rgba(0,0,0,.2)}.image-gallery::-webkit-scrollbar{height:6px}.image-gallery::-webkit-scrollbar-track{background:#0003;border-radius:3px}.image-gallery::-webkit-scrollbar-thumb{background-color:#007bff99;border-radius:3px;border:1px solid transparent;background-clip:content-box}.image-gallery::-webkit-scrollbar-thumb:hover{background-color:#007bffe6}.image-gallery img{height:105px;width:auto;margin-right:7px;border-radius:4px;object-fit:cover;flex-shrink:0;transition:transform .2s ease-out;cursor:pointer}.image-gallery img:hover{transform:scale(1.025)}.image-gallery img:last-child{margin-right:0}.project-detail-wrapper .tech-list{margin-bottom:18px}.project-detail-wrapper .tech-list strong{font-size:.72rem;display:block;margin-bottom:7px;color:#a8b3d0;text-transform:uppercase;letter-spacing:.75px}.project-detail-wrapper .tech-list span{font-size:.68rem;display:inline-block;background:#007bff40;color:#90cfff;padding:3.5px 8.5px;border-radius:9px;margin-right:4.5px;margin-bottom:4.5px;border:1px solid rgba(0,123,255,.3)}.project-detail-wrapper .links a,.project-detail-wrapper .close-button{font-size:.78rem;padding:7.5px 13px;display:inline-block;background:linear-gradient(145deg,#007bff,#0056b3);color:#fff;border-radius:5px;text-decoration:none;margin-right:7px;transition:all .3s ease;border:none;cursor:pointer;font-family:Poppins,sans-serif;box-shadow:0 2.5px 7px #005bb34d}.project-detail-wrapper .links a:hover,.project-detail-wrapper .close-button:hover{transform:translateY(-1.5px) scale(1.01);box-shadow:0 4.5px 11px #005bb380;background:linear-gradient(145deg,#0069d9,#004085)}.project-detail-wrapper .close-button{background:linear-gradient(145deg,#6c757d,#495057);margin-top:14px;box-shadow:0 2.5px 7px #4950574d}.project-detail-wrapper .close-button:hover{background:linear-gradient(145deg,#5a6268,#343a40);box-shadow:0 4.5px 11px #49505780}@media (max-width: 600px){.project-detail-wrapper{width:clamp(240px,90vw,260px);max-height:50vh;padding:8px 10px;font-size:11px;border-radius:6px;line-height:1.4}.project-detail-wrapper h2{font-size:.85rem;margin-bottom:6px;padding-bottom:4px}.project-detail-wrapper p{font-size:.65rem;margin-bottom:6px;line-height:1.4}.image-gallery{margin-bottom:8px;padding-bottom:5px;border-radius:3px}.image-gallery img{height:60px;margin-right:4px;border-radius:2px}.project-detail-wrapper .tech-list{margin-bottom:8px}.project-detail-wrapper .tech-list strong{font-size:.55rem;margin-bottom:3px}.project-detail-wrapper .tech-list span{font-size:.52rem;padding:1.5px 6px;margin-right:2.5px;margin-bottom:2.5px;border-radius:6px}.project-detail-wrapper .links a,.project-detail-wrapper .close-button{font-size:.62rem;padding:4px 8px;margin-right:4px;border-radius:3px}.project-detail-wrapper .close-button{margin-top:8px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Poppins,sans-serif;background:#0a0a1a;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}