*{box-sizing:border-box}body{margin:0;background:#f5f2ea;color:#12384d;font-family:Georgia,"Times New Roman",serif}.top{background:#123d56;color:#fff;padding:24px 5vw}.top h1{margin:0;font-size:38px}.top p{margin:4px 0 0;font-style:italic;font-size:20px}.wrap{width:min(1150px,92vw);margin:34px auto}.card{background:#fff;border:1px solid #d8e0e5;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.login{max-width:460px;margin:70px auto;padding:28px}.login h2{font-size:30px;margin-top:0}.login label{display:block;margin:18px 0;font-weight:bold}.login input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #b8c8d2;border-radius:6px;font-size:17px}.login button{background:#123d56;color:white;border:0;padding:12px 22px;border-radius:6px;font-size:17px}.error{background:#fff1f1;border:1px solid #dfaaaa;color:#8b2020;padding:10px;border-radius:6px}.bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.bar h2{font-size:34px;margin:0}.bar p{margin:5px 0}.logout{background:#fff;border:1px solid #b8c8d2;border-radius:6px;padding:10px 16px;color:#12384d;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.video{background:#0e1720;aspect-ratio:16/9;border-radius:10px 10px 0 0;overflow:hidden}.video video{width:100%;height:100%;object-fit:contain}.pad{padding:15px}.pad h3{margin:0 0 7px;font-size:21px}.pad p{margin:0;color:#607786}@media(max-width:650px){.top h1{font-size:30px}.bar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}}