*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,sans-serif;background-color:#000;color:#fff}header{padding:40px 60px;border-bottom:1px solid #555}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.logo{font-size:20px;font-weight:600;letter-spacing:2px;cursor:pointer}nav{display:flex;gap:30px}.nav-btn{position:relative;color:#aaa;background:none;border:none;text-decoration:none;font-size:14px;cursor:pointer;transition:.3s}.nav-btn:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:#fff;transition:.3s}.nav-btn:hover:after,.nav-btn.active:after{width:100%}.nav-btn.active{color:#fff}.page-title{font-size:64px;font-weight:300;margin-bottom:30px}.filters{display:flex;gap:20px}.filter-btn{background:none;border:none;color:#777;font-size:14px;cursor:pointer;letter-spacing:1px;transition:.3s}.filter-btn.active{color:#fff;border-bottom:1px solid #fff}.filter-btn:hover{color:#fff}.hero{padding:60px 0;text-align:center}.hero-title{font-size:48px;font-weight:400;margin-bottom:12px;color:#fff}.hero-subtitle{font-size:20px;color:#aaa;margin-bottom:30px}.search-form{display:inline-flex;width:100%;max-width:600px;gap:12px}.search-form input{flex:1;padding:14px 16px;font-size:16px;background:#111;border:1px solid #333;color:#fff}.search-form button{padding:14px 24px;font-size:16px;background:#fff;border:none;color:#000;font-weight:600;cursor:pointer;transition:.3s}.search-form button:hover{background:#aaa}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.gallery-item{display:block;overflow:hidden;border-radius:2px;box-shadow:0 6px 20px #00000014;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.03)}.gallery img{width:100%;height:220px;object-fit:cover}.card{position:relative;background:#111;border:1px solid #222;overflow:hidden;cursor:pointer}.card-info{display:flex;justify-content:space-between;padding:10px;background:#000;color:#fff;font-size:14px}.info-item{display:flex;align-items:center;gap:6px}.info-item svg{transition:transform .2s ease}.info-item:hover svg{transform:scale(1.15)}.fav-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.fav-btn:hover{transform:scale(1.1)}.fav-btn.active svg{fill:#fff;stroke:#fff}.fav-btn svg{transition:fill .2s ease,stroke .2s ease}button svg{pointer-events:none}.load-more{display:block;margin:40px auto;padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:2px;background-color:#fff;cursor:pointer;transition:all .3s ease}.load-more:hover{background:#aaa;transform:translateY(-2px)}.hidden{display:none}.load-more:disabled{opacity:.6;cursor:not-allowed}