body{color:#fff;background:radial-gradient(circle at top,#1e293b,#020617);margin:0;font-family:sans-serif}header{background:#0009;justify-content:space-between;padding:15px 25px;display:flex}header h1{color:#facc15}nav{align-items:center;gap:20px;display:flex}nav a{color:#cbd5f5;text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:20px;display:grid}.card{background:#1e293b;border-radius:12px;overflow:hidden}.card img{object-fit:cover;width:100%;height:300px}.detail{gap:20px;padding:20px;display:flex}.login-page{background:radial-gradient(circle at top,#1e293b,#020617);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#1e293bd9;border-radius:16px;width:350px;padding:30px;box-shadow:0 10px 30px #00000080}.logo{color:#facc15;margin-bottom:10px}.subtitle{color:#94a3b8;margin-bottom:20px;font-size:14px}.login-card label{text-align:left;margin-top:10px;margin-bottom:5px;font-size:13px;display:block}.login-card input{color:#fff;background:#020617;border:1px solid #334155;border-radius:8px;width:100%;margin-bottom:10px;padding:12px}.login-card button{color:#000;cursor:pointer;cursor:pointer;background:#facc15;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-weight:700}.avatar{color:#000;cursor:pointer;background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.dropdown{background:#1e293b;border-radius:8px;padding:10px;position:absolute;top:45px;right:0}.container{max-width:1200px;margin:auto}.add-btn{color:#000;background:#facc15;border-radius:8px;padding:10px}.added-btn{color:#fff;background:#22c55e;border-radius:8px;padding:10px;transition:all .2s;transform:scale(1.05)}remove-btn{color:#fff;background:#ef4444;border-radius:6px;padding:8px}.remove-btn:hover{background:#dc2626}.nav-search{color:#fff;background:#1e293b;border:none;border-radius:20px;outline:none;padding:8px 12px}.search-btn{color:#000;cursor:pointer;background:#facc15;border:none;border-radius:20px;padding:8px 14px;font-weight:700}.auth-message{color:#fde68a;background:#facc151f;border:1px solid #facc1566;border-radius:8px;max-width:fit-content;margin-top:10px;padding:8px 12px;font-size:.92rem}