*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:#192344}body{margin:0;min-height:100vh;background:linear-gradient(140deg,#182142 0%,#283864 85%);display:grid;place-items:center;padding:22px}.access-card{width:min(570px,100%);background:#fff;border:1px solid #d1a84e;border-radius:18px;box-shadow:0 12px 45px #080e2480;overflow:hidden}.brand{display:flex;align-items:center;gap:16px;background:#192344;color:white;padding:19px 26px;border-bottom:3px solid #cda34a}.brand strong{display:block;font-size:21px}.brand small{display:block;color:#e7c980;font-size:13px;margin-top:5px}.brand-icon{font-size:30px;color:#d4b15d}.access-content{padding:27px 30px 31px}.access-content h1{font-size:26px;line-height:1.2;margin:0 0 16px}.access-content h2{font-size:18px;margin:22px 0 8px}.access-content p{line-height:1.55}.tabs{display:flex;gap:8px;border-bottom:1px solid #d3d9e5;margin-top:20px}.tab{appearance:none;border:1px solid #d4d9e5;border-bottom:0;border-radius:8px 8px 0 0;background:#fff;color:#192344;font-weight:600;padding:12px 15px;cursor:pointer}.tab.active{background:#192344;color:#fff}section[hidden]{display:none}label{display:block;font-weight:bold;margin:16px 0 8px}input{width:100%;border:1px solid #c5ccdd;border-radius:10px;padding:15px;color:#192344;font-size:16px}input:focus{outline:2px solid #cfa74b;outline-offset:1px}.primary{display:block;width:100%;border:0;border-radius:10px;background:#192344;color:#fff;cursor:pointer;padding:16px;font-size:16px;font-weight:bold;margin-top:20px}.primary:focus-visible,.tab:focus-visible{outline:3px solid #cfa74b;outline-offset:2px}.muted{font-size:13px;color:#617089;margin-top:20px}.alert{padding:12px;background:#fff1f2;border-left:4px solid #b42336}.info{padding:12px;background:#eaf2fa;border-left:4px solid #d4ac54}a{color:#90661b}.details{padding:15px;background:#f1f4fa;border:1px solid #d5dce9;border-radius:10px}.details small,.details strong{display:block}.details small{color:#617089;margin-bottom:5px}.details strong{margin-bottom:12px;overflow-wrap:anywhere}@media(max-width:480px){.access-content{padding:23px 19px}.brand{padding:17px 19px}.access-content h1{font-size:24px}}
