@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.btn-primary{background:#608bc1;color:#fff;font-family:Inter,sans-serif;padding:10px 20px;border:none;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);font-size:20px;font-weight:700;width:150px;cursor:pointer;transition:.3s}.btn-primary:hover{background:rgba(96,140,193,.1450980392);box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.12)}.project-page-wrapper{min-height:100vh;width:100%;background:linear-gradient(135deg,rgb(15,23,42),rgb(30,41,59),rgb(51,65,85));position:relative}.project-page-container{padding:40px;min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:flex-start;direction:rtl;position:relative;overflow-x:hidden}.project-page-container .project-page-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:1400px}.project-page-container .project-page-title{font-size:36px}.project-page-container .project-page-ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.project-page-container .project-page-list-item{width:520px;max-width:520px;min-width:280px;height:320px;position:relative;overflow:hidden;border-radius:16px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .35s ease,box-shadow .35s ease;flex-shrink:0}.project-page-container .project-page-list-item:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 40px rgba(0,0,0,.45)}.project-page-container .project-page-list-item:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.55),rgba(0,0,0,.2));z-index:1}.project-page-container .project-page-list-item:hover:before{transform:translateX(0)}.project-page-container .project-page-list-item .project-page-card-content{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:all .6s ease;display:flex;flex-direction:column;gap:8px}.project-page-container .project-page-list-item .project-page-card-content .project-page-card-title{font-size:30px;font-weight:800;color:#fff}.project-page-container .project-page-list-item .project-page-card-content .project-page-card-subtitle{font-size:24px;color:#f1f1f1;opacity:.9}.project-page-container .project-page-list-item .project-page-card-content .project-page-button{background:linear-gradient(270deg,#f06449,#ef3636);border-radius:8px;padding:8px 20px;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-weight:600;transition:transform .4s ease,box-shadow .4s ease}.project-page-container .project-page-list-item .project-page-card-content .project-page-button .project-page-arrow{transition:transform .6s ease}.project-page-container .project-page-list-item .project-page-card-content .project-page-button:hover{transform:translateX(-5px) scale(1.05);box-shadow:0 6px 18px rgba(0,0,0,.4)}.project-page-container .project-page-list-item .project-page-card-content .project-page-button:hover .project-page-arrow{transform:translateX(-12px)}.project-page-container .project-page-list-item:hover .project-page-card-content{transform:translateY(-50%) scale(1.12);right:45px;opacity:1}.project-page-container .project-page-list-item .project-page-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.92);transition:transform .6s ease}.project-page-container .project-page-list-item:hover .project-page-img{transform:scale(1.08)}.project-page-container .project-page-bottom-text{margin-top:40px;animation:pulse-scale 2.2s ease-in-out infinite}.project-page-container .project-page-empty{margin:2rem 0;text-align:center;color:rgba(243,243,224,.75);font-size:1.05rem;line-height:1.7}@media(max-width:640px){.project-page-ul{flex-direction:column;flex-wrap:nowrap}.project-page-list-item{width:100%!important;height:260px!important}.project-page-card-content{right:14px!important}}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}