*{box-sizing:border-box}body{margin:0;background:#07111f;color:#e9f3ff;font-family:Tahoma,Arial,sans-serif;min-height:100vh}header{padding:54px max(5vw,28px) 38px;background:radial-gradient(circle at 15% 10%,#176b87 0,transparent 34%),linear-gradient(135deg,#10243e,#091321);display:flex;align-items:end;justify-content:space-between;gap:24px}header span,.login span{color:#5eead4;font-weight:700}h1{font-size:clamp(32px,6vw,64px);margin:10px 0}p{color:#a8bdd2;line-height:1.9}.summary{margin:24px max(5vw,28px);padding:20px 24px;border:1px solid #24415e;border-radius:20px;background:#0c1b2d;display:flex;align-items:center;gap:12px}.summary strong{font-size:30px;color:#5eead4}.summary a{margin-right:auto}.summary form{margin:0}.capture-button{border:0;border-radius:12px;background:#5eead4;color:#06212a;font-weight:800;padding:12px 18px;cursor:pointer}.capture-button:hover{background:#99f6e4}.countdown{display:flex;align-items:center;gap:8px;margin-right:8px;padding:8px 12px;border-radius:12px;background:#07111f;border:1px solid #24415e;color:#a8bdd2}.countdown b{min-width:2ch;text-align:center;font-size:24px;color:#5eead4;font-variant-numeric:tabular-nums}.countdown small{color:#8ba4bb}.grid{padding:8px max(5vw,28px) 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.shot{display:block;background:#0d1c2e;border:1px solid #213c57;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;transition:.2s}.shot:hover{transform:translateY(-3px);border-color:#5eead4;box-shadow:0 18px 45px #0007}.shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#02060b}.shot span{display:flex;justify-content:space-between;padding:15px}.shot small{color:#8ba4bb}.empty{padding:50px;text-align:center;border:1px dashed #31506d;border-radius:20px;color:#9ab0c5}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:8vw;background:radial-gradient(circle at 10% 10%,#155e75,transparent 35%)}.login form{background:#0d1c2e;border:1px solid #284766;border-radius:24px;padding:30px;display:grid;gap:18px}.login label{display:grid;gap:9px}.login input{width:100%;padding:14px;border-radius:12px;border:1px solid #355572;background:#07111f;color:white;font-size:18px}button{border:0;border-radius:12px;background:#5eead4;color:#06212a;font-weight:800;padding:13px 22px;cursor:pointer}.logout{background:#18334e;color:#d8eaff;border:1px solid #365a78}a{color:#5eead4}.error{padding:12px;background:#4b1720;border:1px solid #a63c4c;border-radius:10px}@media(max-width:760px){.login{grid-template-columns:1fr;padding:26px}header{align-items:start;flex-direction:column}.summary{flex-wrap:wrap}.summary form{width:100%}.capture-button{width:100%}.countdown{order:3;width:100%;justify-content:center;margin:8px 0 0}.summary a{width:100%;margin:4px 0 0}}