@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap);.project-details-page[data-v-0939af2b]{font-family:Tajawal,sans-serif;background-color:#f8fafc;min-height:100vh;padding-bottom:60px}.page-header[data-v-0939af2b]{background:linear-gradient(135deg,#21467d,#3498db);padding:50px 20px 80px;color:#fff;position:relative}.header-overlay[data-v-0939af2b]{position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.05}.header-content[data-v-0939af2b]{position:relative;z-index:1;max-width:1200px;margin:0 auto}.back-link[data-v-0939af2b]{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.8);text-decoration:none;font-weight:500;margin-bottom:30px;transition:color .3s ease}.back-link[data-v-0939af2b]:hover{color:#fff}.badges[data-v-0939af2b]{display:flex;gap:10px;margin-bottom:20px}.badge[data-v-0939af2b]{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 15px;border-radius:20px;font-size:14px;font-weight:700}.badge.major[data-v-0939af2b]{background:#3b82f6}.header-content h1[data-v-0939af2b]{font-size:38px;font-weight:800;margin:0 0 15px 0;line-height:1.4}.subtitle[data-v-0939af2b]{font-size:18px;opacity:.9;max-width:800px;margin:0 0 30px 0;line-height:1.6}.meta-info[data-v-0939af2b]{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid hsla(0,0%,100%,.1);padding-top:25px}.meta-item[data-v-0939af2b]{display:flex;align-items:center;gap:15px}.meta-item i[data-v-0939af2b]{font-size:24px;color:#60a5fa;background:rgba(96,165,250,.1);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px}.meta-item .label[data-v-0939af2b]{display:block;font-size:13px;color:hsla(0,0%,100%,.6);margin-bottom:4px}.meta-item .value[data-v-0939af2b]{display:block;font-size:16px;font-weight:700}.main-container[data-v-0939af2b]{max-width:1200px;margin:-40px auto 0;padding:0 20px;position:relative;z-index:10}.grid-layout[data-v-0939af2b]{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start}.image-card[data-v-0939af2b]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.05);margin-bottom:20px}.image-card img[data-v-0939af2b]{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.download-btn[data-v-0939af2b]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:#10b981;color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:16px;transition:background .3s ease;box-shadow:0 8px 20px rgba(16,185,129,.2)}.download-btn[data-v-0939af2b]:hover{background:#059669}.content-card[data-v-0939af2b]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px rgba(0,0,0,.05)}.section-title[data-v-0939af2b]{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.html-content[data-v-0939af2b]{color:#334155;line-height:1.8;font-size:16px}.html-content[data-v-0939af2b] h1,.html-content[data-v-0939af2b] h2,.html-content[data-v-0939af2b] h3{color:#0f172a;margin-top:1.5em;margin-bottom:.5em;font-weight:700}.html-content[data-v-0939af2b] ol,.html-content[data-v-0939af2b] ul{padding-right:20px;margin-bottom:1em}.html-content[data-v-0939af2b] li{margin-bottom:.5em}.html-content[data-v-0939af2b] p{margin-bottom:1em}.html-content[data-v-0939af2b] img{max-width:100%;height:auto;border-radius:10px;margin:1em 0}.error-state[data-v-0939af2b]{text-align:center;padding:100px 20px}.error-state i[data-v-0939af2b]{font-size:80px;color:#cbd5e1;margin-bottom:20px}.error-state h3[data-v-0939af2b]{font-size:24px;color:#334155;margin-bottom:10px}.error-state p[data-v-0939af2b]{color:#64748b;margin-bottom:30px}.back-btn[data-v-0939af2b]{display:inline-block;padding:12px 30px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:700}@media (max-width:992px){.grid-layout[data-v-0939af2b]{grid-template-columns:1fr}.image-card[data-v-0939af2b]{max-width:500px;margin:0 auto 20px}}@media (max-width:768px){.header-content h1[data-v-0939af2b]{font-size:28px}.meta-info[data-v-0939af2b]{flex-direction:column;gap:15px}.content-card[data-v-0939af2b]{padding:25px}}