.project-page{max-width:100vw;overflow-x:hidden}.hero,.project-page{box-sizing:border-box;width:100%}.hero{height:65vh;min-height:500px;overflow:hidden;position:relative}.hero img{box-sizing:border-box;display:block;filter:brightness(.6);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-overlay{align-items:center;background:linear-gradient(135deg,#1a3a5fb3,#00000080);display:flex;inset:0;justify-content:center;position:absolute}.hero-content{max-width:900px;padding:0 2rem;text-align:center}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.hero-content h1{color:#fff;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.3)}.main-content{background:linear-gradient(180deg,#f7f9fc 0,#fff);padding:4rem 1rem}.content-wrapper,.main-content{box-sizing:border-box;width:100%}.content-wrapper{align-items:start;display:grid;gap:3rem;grid-template-columns:350px 1fr;margin:0 auto;max-width:1400px}.sidebar{display:flex;flex-direction:column;gap:2rem;position:sticky;top:2rem}.info-box,.sidebar{box-sizing:border-box;width:100%}.info-box{background:#fff;border:1px solid rgba(26,58,95,.08);border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:2rem}.info-box h3{color:#1a3a5f;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.info-item{border-bottom:1px solid #f0f4f8;display:flex;gap:1rem;padding:1rem 0}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item svg{color:#1a3a5f;flex-shrink:0;margin-top:.2rem}.info-item .label{color:#7a8a99;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.info-item p{color:#2d3748;font-size:.95rem;line-height:1.5;margin:0;word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.cta-box{background:linear-gradient(135deg,#1a3a5f,#2c5282);border-radius:16px;box-shadow:0 8px 30px #1a3a5f40;box-sizing:border-box;color:#fff;padding:2rem;width:100%}.cta-box h3{font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.cta-box p{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.cta-btn{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#1a3a5f;display:block;font-weight:600;padding:.9rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.cta-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.main-area{display:flex;flex-direction:column;gap:2.5rem;min-width:0}.featured-image,.main-area{box-sizing:border-box;width:100%}.featured-image{border-radius:20px;box-shadow:0 10px 40px #0000001f;max-width:100%;overflow:hidden;position:relative}.featured-image:after{background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.3));content:"";inset:0;pointer-events:none;position:absolute}.featured-image img{box-sizing:border-box;display:block;height:450px;max-width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.featured-image:hover img{transform:scale(1.05)}.section-block{background:#fff;border:1px solid rgba(26,58,95,.08);border-radius:16px;box-shadow:0 4px 20px #0000000f;box-sizing:border-box;overflow-wrap:break-word;padding:2.5rem;width:100%;word-wrap:break-word}.section-header{margin-bottom:1.5rem}.section-header h2{color:#1a3a5f;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.header-line{background:linear-gradient(90deg,#1a3a5f,#4a90e2);border-radius:2px;height:4px;width:60px}.description-text{font-size:1.1rem;line-height:1.9}.description-text,.scope-content p{color:#4a5568;word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.scope-content p{background:#f7fafc;border-left:4px solid #1a3a5f;border-radius:8px;box-sizing:border-box;font-size:1.05rem;line-height:1.8;padding:1.5rem}.two-column-grid{box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);width:100%}.benefits-list,.tech-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:0;padding:0}.benefits-list li,.tech-list li{align-items:flex-start;background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;font-size:.98rem;gap:.8rem;line-height:1.6;padding:.8rem;transition:all .3s ease;word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word}.benefits-list li:hover,.tech-list li:hover{background:#edf2f7;transform:translate(5px)}.benefit-icon,.tech-icon{align-items:center;background:#1a3a5f;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.back-section{border-top:2px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.back-btn{align-items:center;background:#fff;border:2px solid #1a3a5f;border-radius:10px;color:#1a3a5f;display:inline-flex;font-weight:600;gap:.6rem;padding:.9rem 1.8rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:#1a3a5f;color:#fff;transform:translate(-5px)}.back-btn svg{transition:transform .3s ease}.back-btn:hover svg{transform:translate(-3px)}.not-found{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.not-found h1{color:#1a3a5f;font-size:2rem}.not-found a{border:2px solid #1a3a5f;border-radius:8px;color:#1a3a5f;font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.not-found a:hover{background:#1a3a5f;color:#fff}@media(max-width:1200px){.content-wrapper{gap:2.5rem;grid-template-columns:300px 1fr;padding:0 1rem}.section-block{padding:2rem}}@media(max-width:968px){.content-wrapper{gap:2rem;grid-template-columns:1fr;padding:0}.sidebar{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);position:static;width:100%}.two-column-grid{gap:1.5rem;grid-template-columns:1fr}.featured-image img{height:350px}.main-content{padding:3rem 1rem}.section-block{padding:2rem}.section-header h2{font-size:1.4rem}.description-text{font-size:1rem}}@media(max-width:768px){.sidebar{gap:1.5rem;grid-template-columns:1fr}.cta-box,.info-box{width:100%}.two-column-grid{gap:1.5rem}.section-block{padding:1.5rem}.main-content{padding:2.5rem 1rem}.featured-image{border-radius:12px}.featured-image img{height:300px}.hero{height:55vh;min-height:450px}.hero-content{padding:0 1.5rem}}@media(max-width:640px){.main-content{padding:2rem .75rem}.content-wrapper{gap:1.5rem}.sidebar{gap:1.25rem}.cta-box,.info-box{padding:1.5rem}.section-block{border-radius:12px;padding:1.25rem}.section-header h2{font-size:1.25rem}.description-text{font-size:.95rem;line-height:1.7}.scope-content p{font-size:.95rem;padding:1rem}.featured-image img{height:250px}.hero{height:50vh;min-height:400px}.hero-badge{font-size:.75rem;margin-bottom:1rem;padding:.4rem 1.2rem}.hero-content h1{font-size:clamp(1.8rem,6vw,2.5rem)}.benefits-list li,.tech-list li{font-size:.9rem;padding:.7rem}.back-btn{font-size:.9rem;padding:.75rem 1.5rem}}@media(max-width:480px){.main-content{padding:1.5rem .5rem}.section-block{padding:1rem}.cta-box,.info-box{padding:1.25rem}.featured-image img{height:220px}.hero{height:45vh;min-height:350px}.hero-content{padding:0 1rem}.section-header h2{font-size:1.1rem}.description-text{font-size:.9rem}}