.project-card{background:var(--bg-card,#111120);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.3);transition:all .35s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color);position:relative}.project-card:hover{transform:translateY(-8px);border-color:rgba(147,51,234,.35);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(147,51,234,.2),0 8px 30px rgba(147,51,234,.15)}.project-card:active{transform:translateY(-3px)}.project-card-image-container{width:100%;aspect-ratio:16/9;position:relative;background-color:var(--bg-tertiary);overflow:hidden}.youtube-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover .youtube-thumbnail{transform:scale(1.06)}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);cursor:pointer;transition:all .25s ease;z-index:2;padding:0;opacity:.9}.youtube-play-button:hover{background:rgba(147,51,234,.7);box-shadow:0 12px 36px rgba(147,51,234,.4),0 0 0 1px rgba(147,51,234,.5);transform:translate(-50%,-50%) scale(1.1);opacity:1}.youtube-play-button svg{width:32px;height:32px;display:block;margin-left:3px}.project-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0,rgba(147,51,234,.05) 100%);color:var(--text-muted,#55556a)}.project-card-placeholder svg{margin-bottom:.75rem;opacity:.4}.project-card-placeholder p{font-size:.9rem;font-weight:500}.project-card-content{padding:1.35rem;flex-grow:1;display:flex;flex-direction:column}.project-card-category{background:rgba(147,51,234,.12);color:#c084fc;font-size:.78rem;font-weight:600;padding:.3rem .85rem;border-radius:20px;display:inline-block;margin-bottom:.85rem;text-transform:capitalize;border:1px solid rgba(147,51,234,.2);letter-spacing:.02em}.project-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.65rem;line-height:1.4;letter-spacing:-.01em}.project-card-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem;line-height:1.65;flex-grow:1}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.project-card-price{color:#a78bfa;font-weight:700;font-size:1rem}.project-card-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;border:none;padding:.55rem 1.1rem;border-radius:10px;font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:.4rem;transition:all .25s ease;box-shadow:0 4px 14px rgba(147,51,234,.3)}.project-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(147,51,234,.45);filter:brightness(1.1)}.project-card-button:active{transform:translateY(0)}.youtube-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.youtube-modal-content{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.7),0 0 0 1px rgba(147,51,234,.2)}.youtube-modal-close{position:absolute;top:-44px;right:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:white;font-size:1.25rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.youtube-modal-close:hover{background:rgba(147,51,234,.4);border-color:rgba(147,51,234,.6)}.youtube-modal iframe{width:100%;height:100%;border:none}@media (min-width:768px){.project-card-content{padding:1.5rem}.project-card-title{font-size:1.15rem}.project-card-description{font-size:.92rem}}@media (min-width:1200px){.project-card-title{font-size:1.2rem}}.featured-projects{padding:3rem 1rem;width:100%;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:800;margin-bottom:1.25rem;display:inline-block;background:linear-gradient(135deg,#c4b5fd,#9333ea 50%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}[data-theme=dark] .section-title{background:linear-gradient(135deg,#ffffff,#c4b5fd 50%,#818cf8);-webkit-background-clip:text;background-clip:text}.section-description{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.7;padding:0 1rem}.project-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.view-all-button{display:flex;margin:2.5rem auto 0;padding:.85rem 1.75rem;background-color:transparent;color:var(--accent-primary);border:1.5px solid rgba(147,51,234,.5);border-radius:12px;font-weight:600;font-size:1rem;transition:var(--transition);align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:250px}.view-all-button:active,.view-all-button:hover{background:rgba(147,51,234,.1);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(147,51,234,.2)}.view-all-button:active{transform:translateY(0)}.project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.5rem}.filter-button{padding:.55rem 1.1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:30px;color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.filter-button:hover{background:rgba(147,51,234,.1);border-color:rgba(147,51,234,.3);color:var(--text-primary);transform:translateY(-1px)}.filter-button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;border-color:transparent;box-shadow:0 4px 16px rgba(147,51,234,.4);font-weight:600}.error-state,.loading-state,.no-projects{text-align:center;padding:4rem 1.5rem;color:var(--text-secondary);background:var(--bg-card);border-radius:16px;border:1px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.5rem 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-state .spinner{animation:spin 1.5s linear infinite;margin-bottom:1.5rem;color:var(--accent-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state svg,.no-projects svg{margin-bottom:1.5rem;color:var(--text-secondary);opacity:.6}.error-state h3,.no-projects h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700}.error-state p,.no-projects p{max-width:450px;margin:0 auto 1.5rem;line-height:1.7}.retry-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;border:none;padding:.85rem 1.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1.25rem;box-shadow:0 4px 16px rgba(147,51,234,.3)}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(147,51,234,.4)}.retry-button:active{transform:translateY(0)}@media (min-width:600px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title{font-size:2.5rem}}@media (min-width:900px){.featured-projects{padding:4.5rem 2rem}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}.section-title{font-size:2.75rem}.view-all-button{width:auto;max-width:fit-content}}@media (min-width:1200px){.section-description{font-size:1.1rem}.project-filters{gap:.75rem}.filter-button{font-size:.92rem}}@media (min-width:1600px){.featured-projects{max-width:1600px}.project-grid{grid-template-columns:repeat(4,1fr)}}