.projects-section{max-width:1300px;margin:0 auto;padding:0 50px}.projects-section-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:24px 0 40px}.filter-btn{padding:8px 18px;border-radius:20px;background:var(--bg-color);color:var(--text-primary);border:none;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease,box-shadow .3s ease;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.filter-btn.active,.filter-btn:hover{color:var(--accent-color)}.filter-btn.active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:28px;gap:28px;margin-top:40px;align-items:start}.projects-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 20px;background:var(--bg-color);border-radius:20px;box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);color:var(--text-secondary);text-align:center;margin-top:40px}.projects-empty i{font-size:2rem;color:var(--accent-color);opacity:.5}.projects-empty p{font-size:14px}.project-card{background:var(--bg-color);border-radius:20px;box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;height:100%}.project-card:hover{transform:translateY(-6px);box-shadow:10px 10px 22px var(--shadow-dark),-10px -10px 22px var(--shadow-light)}.project-card-image{width:100%;height:180px;overflow:hidden;background:var(--shadow-dark);flex-shrink:0;position:relative}.video-preview-wrapper{width:100%;height:100%;background:#000}.project-media-element{width:100%;height:100%;object-fit:cover;object-position:center top}.project-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-color);box-shadow:inset 4px 4px 10px var(--shadow-dark),inset -4px -4px 10px var(--shadow-light)}.project-card-image-placeholder i{font-size:2.4rem;color:var(--accent-color);opacity:.3}.project-card-body{padding:22px 24px 20px;display:flex;flex-direction:column;gap:10px;flex:1 1}.project-header{display:flex;align-items:center;gap:10px}.project-header i{font-size:1.4rem;color:var(--accent-color);flex-shrink:0}.project-header h2{font-size:1.25rem;color:var(--text-primary);margin:0}.project-summary{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.55;flex:1 1}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.tech-stack{display:flex;flex-wrap:wrap;gap:6px}.tech-stack span{font-size:10px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:50px;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}.card-arrow,.tech-stack span{color:var(--accent-color);background:var(--bg-color)}.card-arrow{flex-shrink:0;width:30px;height:30px;border-radius:50%;box-shadow:3px 3px 7px var(--shadow-dark),-3px -3px 7px var(--shadow-light);display:flex;align-items:center;justify-content:center;font-size:12px;transition:box-shadow .2s ease,transform .2s ease}.project-card:hover .card-arrow{box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);transform:translateX(2px)}.modal-hologram-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:backdropFadeIn .25s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-premium-card{background:var(--bg-color);border-radius:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:24px 30px 70px rgba(0,0,0,.5);position:relative;display:flex;flex-direction:column;animation:premiumModalPop .35s cubic-bezier(.34,1.56,.64,1);scrollbar-width:none}.modal-premium-card::-webkit-scrollbar{display:none}@keyframes premiumModalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-premium-image-frame{position:relative;width:100%;height:250px;overflow:hidden;background:#0d1013;flex-shrink:0}.modal-inner-img,.modal-premium-media-element{width:100%!important;height:100%!important;object-fit:cover;object-position:center top}.modal-image-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 65%,var(--bg-color) 100%);pointer-events:none}.modal-premium-content{padding:32px;display:flex;flex-direction:column;gap:18px}.modal-premium-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;border-radius:50%;background:var(--bg-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 10px rgba(0,0,0,.4),-4px -4px 10px var(--shadow-light);transition:color .2s,transform .2s;z-index:50}.modal-premium-close:hover{color:var(--accent-color);transform:rotate(90deg)}.modal-premium-header h2{font-size:1.55rem;margin:0;font-weight:800;color:var(--text-primary)}.project-premium-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;margin:0}.game-premium-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.game-platform-tag{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent-color);background:var(--bg-color);padding:5px 12px;border-radius:50px;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}.select-dropdown-wrapper{position:relative;display:inline-block}.version-premium-select{font-size:11px;font-weight:700;color:var(--accent-color);background:var(--bg-color);border:none;border-radius:50px;padding:6px 32px 6px 14px;cursor:pointer;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.dropdown-arrow-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--accent-color);pointer-events:none}.premium-launch-btn{width:100%;padding:14px;border:none;border-radius:16px;background:var(--bg-color);color:var(--accent-color);font-weight:700;font-size:15px;cursor:pointer;box-shadow:6px 6px 15px var(--shadow-dark),-6px -6px 15px var(--shadow-light);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,box-shadow .2s}.premium-launch-btn:hover{transform:translateY(-2px);box-shadow:8px 10px 20px var(--shadow-dark),-6px -6px 15px var(--shadow-light)}.premium-launch-btn:active{transform:translateY(0);box-shadow:inset 3px 3px 8px var(--shadow-dark),inset -3px -3px 8px var(--shadow-light)}.premium-note-box{display:flex;gap:10px;background:rgba(245,158,11,.04);padding:12px 16px;border-radius:12px;border-left:3px solid #f59e0b}.premium-note-box i{color:#f59e0b;font-size:14px;margin-top:2px}.premium-note-box p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width:1024px){.projects-section{padding:0 30px}}@media (max-width:768px){.projects-section{padding:0 20px}.projects-section-title{font-size:2rem;text-align:center}.filter-container{margin:16px 0 30px;gap:10px}.modal-premium-card{max-height:85vh;border-radius:24px}.modal-premium-image-frame{height:180px}.modal-premium-content{padding:24px 20px;gap:14px}}@media (max-width:480px){.projects-section{padding:0 16px}.projects-section-title{font-size:1.75rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card-image{height:160px}.filter-btn{padding:6px 14px;font-size:13px}.modal-hologram-backdrop{padding:12px}.modal-premium-card{max-height:90vh}.modal-premium-header h2{font-size:1.3rem}}