*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:Arial,sans-serif}.top{background:#102a43;color:#fff;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px}.top a{color:#fff;text-decoration:none}.brand{font-weight:700}.container{max-width:1050px;margin:25px auto;padding:0 16px}.hero{padding:35px 10px}.card{background:#fff;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 4px 18px #0000000d}.auth{max-width:420px;margin:70px auto}input,select{width:100%;padding:12px;margin:6px 0;border:1px solid #ccd6e0;border-radius:8px}button,.btn{display:inline-block;background:#087f8c;color:#fff;border:0;padding:11px 17px;border-radius:8px;text-decoration:none;cursor:pointer;margin:5px 4px 5px 0}.secondary{background:#555}.small{padding:7px 10px;font-size:13px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.muted{color:#667085}.youtube{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:10px;overflow:hidden}.youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video{width:100%;max-height:70vh;background:#000;border-radius:10px}.video-link{display:block;padding:14px 4px;border-bottom:1px solid #eee;color:#075985;text-decoration:none}.progress{height:9px;background:#e6e9ee;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:#087f8c}@media(max-width:600px){.top{font-size:13px}.container{margin:12px auto}.card{padding:16px}.hero{padding:20px 5px}h1{font-size:28px}}