.project-detail-page{min-height:100vh;padding:100px 0}@media (max-width:767px){.project-detail-page{padding:50px 0}}.project-detail-page .breadcrumbs-nav{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px;font-size:16px;display:flex}@media (max-width:767px){.project-detail-page .breadcrumbs-nav{margin-bottom:30px;font-size:14px}}.project-detail-page .breadcrumbs-nav a{color:#fffc;text-decoration:none;transition:color .3s}.project-detail-page .breadcrumbs-nav a:hover{color:#fff}.project-detail-page .breadcrumbs-nav .separator{color:#ffffff80}.project-detail-page .breadcrumbs-nav .current{color:#fff;font-weight:500}.project-detail-page .project-header{margin-bottom:60px}@media (max-width:767px){.project-detail-page .project-header{margin-bottom:40px}}.project-detail-page .project-header .project-image-wrapper{border:1px solid #ffffff1a;border-radius:20px;width:100%;margin-bottom:40px;overflow:hidden;box-shadow:0 20px 60px #0000004d}@media (max-width:767px){.project-detail-page .project-header .project-image-wrapper{border-radius:16px;margin-bottom:30px}}.project-detail-page .project-header .project-image-wrapper .project-main-image{width:100%;height:auto;display:block}.project-detail-page .project-header .project-info .project-title{color:#fff;margin-bottom:20px;font-size:54px;font-weight:700}@media (max-width:1024px){.project-detail-page .project-header .project-info .project-title{font-size:44px}}@media (max-width:767px){.project-detail-page .project-header .project-info .project-title{margin-bottom:15px;font-size:32px}}.project-detail-page .project-header .project-info .project-description{color:#ffffffe6;max-width:900px;margin-bottom:30px;font-size:20px;line-height:1.6}@media (max-width:767px){.project-detail-page .project-header .project-info .project-description{margin-bottom:20px;font-size:16px}}.project-detail-page .project-header .project-info .project-tech{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5629994d;border:1px solid #ffffff1a;border-radius:15px;margin-top:30px;padding:25px}@media (max-width:767px){.project-detail-page .project-header .project-info .project-tech{margin-top:20px;padding:20px}}.project-detail-page .project-header .project-info .project-tech h3{color:#fff;margin-bottom:15px;font-size:20px;font-weight:600}@media (max-width:767px){.project-detail-page .project-header .project-info .project-tech h3{margin-bottom:10px;font-size:18px}}.project-detail-page .project-header .project-info .project-tech p{color:#ffffffe6;margin:0;font-size:16px;line-height:1.6}@media (max-width:767px){.project-detail-page .project-header .project-info .project-tech p{font-size:14px}}.project-detail-page .project-links-section{margin-bottom:60px}@media (max-width:767px){.project-detail-page .project-links-section{margin-bottom:40px}}.project-detail-page .project-links-section h2{color:#fff;margin-bottom:30px;font-size:36px;font-weight:700}@media (max-width:767px){.project-detail-page .project-links-section h2{margin-bottom:20px;font-size:28px}}.project-detail-page .project-links-section .project-links-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}@media (max-width:767px){.project-detail-page .project-links-section .project-links-grid{grid-template-columns:1fr;gap:15px}}.project-detail-page .project-links-section .project-link-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5629994d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.project-detail-page .project-links-section .project-link-card:hover{background:#56299966;border-color:#c444ff4d;transform:translateY(-3px);box-shadow:0 10px 30px #c444ff33}@media (max-width:767px){.project-detail-page .project-links-section .project-link-card{padding:15px}}.project-detail-page .project-links-section .project-link-card .link-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.project-detail-page .project-links-section .project-link-card .link-name{color:#fff;font-size:18px;font-weight:600}@media (max-width:767px){.project-detail-page .project-links-section .project-link-card .link-name{font-size:16px}}.project-detail-page .project-links-section .project-link-card .link-url{color:#ffffffb3;word-break:break-all;font-size:14px}@media (max-width:767px){.project-detail-page .project-links-section .project-link-card .link-url{font-size:12px}}.project-detail-page .project-links-section .project-link-card i{color:#ffffffb3;flex-shrink:0;font-size:20px}.project-detail-page .project-cta{text-align:center;background:linear-gradient(97deg,#c444ff .62%,#562999 110%);border-radius:20px;margin-bottom:60px;padding:50px}@media (max-width:767px){.project-detail-page .project-cta{margin-bottom:40px;padding:30px 20px}}.project-detail-page .project-cta h2{color:#fff;margin-bottom:15px;font-size:36px;font-weight:700}@media (max-width:767px){.project-detail-page .project-cta h2{font-size:28px}}.project-detail-page .project-cta p{color:#ffffffe6;margin-bottom:30px;font-size:20px}@media (max-width:767px){.project-detail-page .project-cta p{margin-bottom:20px;font-size:16px}}.project-detail-page .project-cta .cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (max-width:767px){.project-detail-page .project-cta .cta-buttons{flex-direction:column;gap:15px}}.project-detail-page .project-cta .cta-button{border-radius:15px;padding:15px 40px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}@media (max-width:767px){.project-detail-page .project-cta .cta-button{text-align:center;width:100%;padding:12px 30px;font-size:16px}}.project-detail-page .project-cta .cta-button.primary{color:#562999;background:#fff}.project-detail-page .project-cta .cta-button.primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.project-detail-page .project-cta .cta-button.secondary{color:#fff;background:#fff3;border:2px solid #ffffff4d}.project-detail-page .project-cta .cta-button.secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.project-detail-page .project-navigation{text-align:center}.project-detail-page .project-navigation .back-link{color:#fffc;align-items:center;gap:10px;font-size:18px;text-decoration:none;transition:color .3s;display:inline-flex}.project-detail-page .project-navigation .back-link:hover{color:#fff}@media (max-width:767px){.project-detail-page .project-navigation .back-link{font-size:16px}}