*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 15%,#275d65,transparent 48%),#142c39;color:#18343c;font:15px/1.6 Arial,sans-serif}.accessCard{width:min(100%,480px);padding:34px;background:#fff;border-radius:20px;border-top:5px solid #ca9134;box-shadow:0 24px 70px #071b3066}.brand{font-size:26px;font-weight:800;color:#15494c}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#70858b;font-weight:600}h1{font-size:25px;line-height:1.3;margin-top:28px}p{color:#607780}label{display:grid;gap:7px;font-weight:600;margin-top:18px}input{width:100%;min-height:46px;padding:11px;border:1px solid #cbdade;border-radius:8px;font:inherit}input:focus{outline:3px solid #def2ee;border-color:#187a77}button{width:100%;margin:24px 0 14px;border:0;border-radius:8px;padding:14px;background:#187a77;color:#fff;font:600 14px Arial;cursor:pointer}.back{color:#187a77;text-decoration:none;display:block;margin-top:12px}.help{font-size:12px;border-top:1px solid #e6edef;padding-top:18px;margin-top:24px}.notice{padding:14px;border-radius:9px;background:#eaf7f0;color:#18543c;border:1px solid #b9dfce}.notice.error{background:#fff0ef;color:#9f302a;border-color:#f1c7c4}small{display:block;margin-top:8px;color:#607780}@media(max-width:440px){body{padding:14px}.accessCard{padding:24px}h1{font-size:22px}}