:root{--buknisi-primary: #d4a373;--buknisi-text: #2c2c2c;--buknisi-bg: #fcfcfc;--buknisi-accent: #fff0f3;--buknisi-secondary: #8a5a66}.project-hero.svelte-4gnsa9{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#d4a3731a,#e5b88a0d)}.project-hero-content.svelte-4gnsa9{max-width:800px;margin:0 auto}.project-hero.svelte-4gnsa9 .project-icon-large:where(.svelte-4gnsa9){width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#d4a373,#e5b88a);box-shadow:0 12px 32px #d4a37366;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 24px}.project-hero.svelte-4gnsa9 .project-meta:where(.svelte-4gnsa9){display:flex;justify-content:center;gap:16px;margin-bottom:24px}.project-hero.svelte-4gnsa9 h1:where(.svelte-4gnsa9){font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#d4a373,#e5b88a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-subtitle.svelte-4gnsa9{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.project-overview.svelte-4gnsa9{padding:80px 0}.overview-grid.svelte-4gnsa9{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.overview-main.svelte-4gnsa9 h2:where(.svelte-4gnsa9){font-size:2rem;font-weight:700;color:#fff;margin-bottom:24px}.overview-main.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.project-stats.svelte-4gnsa9{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stat-item.svelte-4gnsa9{display:flex;gap:16px;align-items:flex-start}.stat-icon.svelte-4gnsa9{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#d4a37326,#d4a3730d);border:1px solid rgba(212,163,115,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#d4a373;flex-shrink:0}.stat-content.svelte-4gnsa9 h4:where(.svelte-4gnsa9){font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.stat-content.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:.85rem;color:var(--text-secondary);margin:0}.info-card.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-card.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.1rem;font-weight:600;color:#d4a373;margin-bottom:16px}.info-card.svelte-4gnsa9 ul:where(.svelte-4gnsa9){list-style:none;padding:0}.info-card.svelte-4gnsa9 li:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.info-card.svelte-4gnsa9 li:where(.svelte-4gnsa9):before{content:"•";color:#d4a373;position:absolute;left:0}.info-card.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.features-section.svelte-4gnsa9,.tech-section.svelte-4gnsa9,.architecture-section.svelte-4gnsa9,.solutions-section.svelte-4gnsa9,.role-section.svelte-4gnsa9,.result-section.svelte-4gnsa9{padding:80px 0}.features-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9),.tech-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9),.architecture-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9),.solutions-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9),.role-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9),.result-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9){font-size:2rem;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.features-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.feature-card.svelte-4gnsa9:hover{transform:translateY(-4px);border-color:#d4a37333;box-shadow:0 12px 32px #d4a3731a}.feature-icon.svelte-4gnsa9{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#d4a373,#e5b88a);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:20px}.feature-card.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:16px}.feature-card.svelte-4gnsa9 ul:where(.svelte-4gnsa9){list-style:none;padding:0}.feature-card.svelte-4gnsa9 li:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.feature-card.svelte-4gnsa9 li:where(.svelte-4gnsa9):before{content:"✓";color:#10b981;position:absolute;left:0;font-weight:700}.tech-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.tech-category.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tech-category.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.1rem;font-weight:600;color:#d4a373;margin-bottom:16px;display:flex;align-items:center;gap:10px}.tech-category.svelte-4gnsa9 ul:where(.svelte-4gnsa9){list-style:none;padding:0}.tech-category.svelte-4gnsa9 li:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.tech-category.svelte-4gnsa9 li:where(.svelte-4gnsa9):before{content:"•";color:#d4a373;position:absolute;left:0}.architecture-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.arch-card.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.arch-card.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.1rem;font-weight:600;color:#d4a373;margin-bottom:12px}.arch-card.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.arch-card.svelte-4gnsa9 ul:where(.svelte-4gnsa9){list-style:none;padding:0}.arch-card.svelte-4gnsa9 li:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.arch-card.svelte-4gnsa9 li:where(.svelte-4gnsa9):before{content:"•";color:#d4a373;position:absolute;left:0}.solutions-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.solution-card.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.solution-card.svelte-4gnsa9:hover{transform:translateY(-4px);border-color:#d4a37333;box-shadow:0 12px 32px #d4a3731a}.solution-icon.svelte-4gnsa9{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#d4a37326,#d4a3730d);border:1px solid rgba(212,163,115,.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#d4a373;margin-bottom:20px}.solution-card.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:12px}.solution-card.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.role-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1000px;margin:0 auto}.role-item.svelte-4gnsa9{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.role-item.svelte-4gnsa9 i:where(.svelte-4gnsa9){color:#10b981;font-size:1rem;flex-shrink:0}.role-item.svelte-4gnsa9 span:where(.svelte-4gnsa9){font-size:.95rem;color:var(--text-secondary)}.result-content.svelte-4gnsa9{max-width:800px;margin:0 auto;text-align:center}.result-content.svelte-4gnsa9 p:where(.svelte-4gnsa9){font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.meta-item.svelte-4gnsa9{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.status-badge.svelte-4gnsa9{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active.svelte-4gnsa9{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.screenshots-section.svelte-4gnsa9{padding:80px 0;background:linear-gradient(135deg,#d4a37308,#d4a37303)}.screenshots-section.svelte-4gnsa9 h2:where(.svelte-4gnsa9){font-size:2rem;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.app-gallery.svelte-4gnsa9{display:flex;flex-direction:column;gap:60px}.app-section.svelte-4gnsa9 h3:where(.svelte-4gnsa9){font-size:1.25rem;font-weight:600;color:#d4a373;margin-bottom:24px;display:flex;align-items:center;gap:10px}.screenshots-grid.svelte-4gnsa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.screenshots-grid.mobile-grid.svelte-4gnsa9{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:1200px}.screenshot-item.svelte-4gnsa9{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;cursor:pointer}.screenshot-item.svelte-4gnsa9:hover{transform:translateY(-4px);border-color:#d4a37333;box-shadow:0 12px 32px #d4a3731a}.screenshot-item.svelte-4gnsa9:focus{outline:2px solid rgba(212,163,115,.5);outline-offset:2px}.screenshot-item.svelte-4gnsa9 img:where(.svelte-4gnsa9){width:100%;border-radius:12px}.image-modal.svelte-4gnsa9{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:svelte-4gnsa9-fadeIn .2s ease}@keyframes svelte-4gnsa9-fadeIn{0%{opacity:0}to{opacity:1}}.modal-close.svelte-4gnsa9{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close.svelte-4gnsa9:hover{background:#fff3;transform:scale(1.1)}.modal-content.svelte-4gnsa9{max-width:90vw;max-height:90vh;cursor:default}.modal-content.svelte-4gnsa9 img:where(.svelte-4gnsa9){max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #00000080}@media(max-width:768px){.project-hero.svelte-4gnsa9 h1:where(.svelte-4gnsa9){font-size:2.2rem}.overview-grid.svelte-4gnsa9{grid-template-columns:1fr;gap:40px}.project-stats.svelte-4gnsa9{grid-template-columns:1fr;gap:16px}.features-grid.svelte-4gnsa9,.tech-grid.svelte-4gnsa9,.architecture-grid.svelte-4gnsa9,.solutions-grid.svelte-4gnsa9,.screenshots-grid.svelte-4gnsa9,.role-grid.svelte-4gnsa9{grid-template-columns:1fr}}