*{box-sizing:border-box}body{margin:0;min-height:100vh;font:16px/1.55 Arial,sans-serif;background:linear-gradient(125deg,#e6edff,#f9eafa);color:#30426c}header{background:linear-gradient(90deg,#5475ba,#7e80ca);color:#fff;padding:17px max(20px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;align-items:center}header a{font-size:29px;font-weight:800;color:white;text-decoration:none;letter-spacing:-1px}header span{color:#ffd1e8}header small{font-size:12px}.panel{max-width:500px;background:#fff;border-radius:17px;box-shadow:0 14px 45px #465b9524;padding:32px;margin:52px auto 30px}h1{font-size:26px;color:#3d5799;margin:0 0 10px}p{color:#5e6a86}label{display:block;margin:14px 0 6px;font-weight:bold;font-size:14px}input{width:100%;padding:12px;border:1px solid #c9d4e8;border-radius:8px;font:inherit}button,.btn{display:inline-block;background:#536fb0;border:0;color:#fff;text-decoration:none;padding:12px 18px;border-radius:8px;font:inherit;font-weight:bold;cursor:pointer;margin-top:18px}.btn-pink{background:#d53d8d}.notice{background:#e8f2ff;padding:12px;border-radius:8px}.error{background:#ffe6eb;color:#8d2241;padding:12px;border-radius:8px}a{color:#405caa}footer{text-align:center;color:#7c87a0;padding:15px}nav a{margin-right:15px}@media(max-width:550px){.panel{margin:20px 12px;padding:23px}header small{display:none}}