:root { color-scheme:dark; }
body.register-page { --bg:#0e1111;--text:#f1f5f2;--muted:#aab7af;--line:#35483d;background:#0e1111;color:#f1f5f2;font-family:Arial,Helvetica,sans-serif;overflow-x:clip; }
body.register-page *,body.register-page *::before,body.register-page *::after { letter-spacing:0; }
body.register-page::before { position:absolute;inset:88px 0 0;height:auto;z-index:0;opacity:1;mask-image:none;background:linear-gradient(90deg,#0e1111 3%,rgba(14,17,17,.96) 30%,rgba(14,17,17,.38) 64%,rgba(14,17,17,.3)),url('/pes5-hero-striker-pro-20260701-v3.png') right 38% / cover no-repeat; }
body.register-page::after { display:none; }
.register-page .page { width:min(1160px,calc(100% - 48px));padding:0 0 32px;gap:0;grid-template-rows:88px 1fr; }
.register-page .topbar { padding:0;border:0;border-bottom:1px solid #303c36;border-radius:0;background:none;box-shadow:none;flex-direction:row;align-items:center; }
.register-page .brand { font-size:20px;gap:12px;line-height:1.2; }
.register-page .brand>span:last-child { display:block; }
.register-page .brand strong { display:block;color:#f1f5f2; }
.register-page .brand small { display:block;font-size:10px;color:#aab7af;margin-top:5px; }
.register-page .brand-badge { background:#c9f56d;color:#17230e;border:0;border-radius:6px;width:42px;height:42px; }
.register-page .back-link { color:#bdcbc1;font-size:12px;border:0;background:none;padding:12px 0;min-height:36px;width:auto; }
.register-page .back-link:hover { color:#c9f56d;background:none; }
.register-page .main { align-items:center;display:grid;padding:40px 0;min-height:calc(100vh - 120px); }
.register-page .hero { display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:80px;border:0;padding:0;background:none;border-radius:0;box-shadow:none;min-height:0; }
.register-page .hero::before,.register-page .hero::after { display:none; }
.register-page .left-side,.register-page .right-side { min-width:0;padding:0;background:none; }
.register-page .register-card,.register-page .serial-card { padding:0;border:0;border-radius:0;background:none;box-shadow:none; }
.register-page .register-card::before,.register-page .serial-card::before { display:none; }
.register-page .card-icon { font-size:11px;color:#c9f56d;padding:0;background:none;border:0;border-radius:0;margin:0 0 16px;min-height:0;display:block; }
.register-page h1 { margin:0;font-size:32px;line-height:1.2;font-weight:800;color:#fff;text-shadow:none; }
.register-page .subtitle { margin:12px 0 0;font-size:13px;line-height:1.6;color:#afc0b6;max-width:440px; }
.register-page .divider { margin:24px 0;background:#33453a;height:1px; }
.register-page .field { margin:0 0 20px; }
.register-page .field-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px; }
.register-page label { display:block;font-size:12px;font-weight:700;color:#d6e2da;margin-bottom:8px; }
.register-page .field-heading label { margin:0; }
.register-page .input-wrap { display:flex;align-items:center;height:50px;background:rgba(20,29,23,.93);border:1px solid #405347;border-radius:5px;gap:12px;padding:0 14px;box-shadow:none; }
.register-page .input-wrap:focus-within { border-color:#c9f56d;box-shadow:0 0 0 2px #c9f56d1a; }
.register-page .input-wrap input { width:100%;min-width:0;flex:1;padding:0;height:48px;border:0;border-radius:0;background:none;outline:0;box-shadow:none;color:#f1f5f2;font:14px Arial,Helvetica,sans-serif; }
.register-page input::placeholder { color:#778e7f;font-size:13px; }
.register-page .input-icon { position:static;width:18px;height:18px;flex:0 0 18px;background:#9db4a5;mask:var(--icon) center / contain no-repeat; }
.icon-key { --icon:url('/assets/register-icons-20261001/key-round.svg'); }
.icon-user { --icon:url('/assets/health-console-20261001/users.svg'); }
.icon-lock { --icon:url('/assets/register-icons-20261001/lock-keyhole.svg'); }
.register-page .use-key { background:none;border:0;color:#c9f56d;padding:4px 0;font-size:11px;cursor:pointer;min-height:28px; }
.register-page .password-toggle { width:32px;height:32px;flex:0 0 32px;padding:7px;border:0;background:none;cursor:pointer;display:grid;place-items:center; }
.register-page .password-toggle span { width:18px;height:18px;background:#b4c9bd;mask:var(--icon) center / contain no-repeat; }
.icon-eye { --icon:url('/assets/register-icons-20261001/eye.svg'); }
.password-toggle[aria-pressed="true"] .icon-eye { --icon:url('/assets/register-icons-20261001/eye-off.svg'); }
.register-page .register-button { width:100%;height:48px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #c9f56d;border-radius:5px;background:#c9f56d;color:#14240c;font-size:14px;font-weight:800;box-shadow:none;cursor:pointer;text-decoration:none; }
.register-page .register-button:hover { background:#dbff8e;transform:none;box-shadow:none; }
.register-page .register-button:disabled { cursor:wait;opacity:.6; }
.register-page .right-side { display:flex;align-items:end;justify-content:end;min-height:500px; }
.register-page .serial-card { width:min(100%,350px);border-top:1px solid #e6f5e377;padding:24px 0 0;text-shadow:0 1px 3px #000; }
.register-page .serial-card h2 { font-size:28px;color:#f1f5f2;margin:0;line-height:1.2; }
.register-page .serial-card .card-icon { color:#f0cc6a;margin-bottom:10px; }
.register-page .serial-card .subtitle { color:#d0dcd4; }
.register-page .serial-title { font-size:10px;color:#b8c8bd;margin:20px 0 8px; }
.register-page .serial-key-box { background:none;padding:0;border:0;border-radius:0;font-size:20px;color:#f0cc6a;line-height:1.4;overflow-wrap:anywhere; }
.register-page .copy-button { margin:12px 0 0;width:auto;min-width:148px;height:40px;border-radius:5px;border:1px solid #668271;background:#223b2c;color:#e7f5eb;font-size:12px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:none; }
.register-page .copy-button::before { content:"";display:block;width:14px;height:14px;background:currentColor;mask:url('/assets/health-console-20261001/copy.svg') center / contain no-repeat; }
.register-page .server-endpoint { display:flex;align-items:center;gap:8px;font-size:12px;margin-top:18px;color:#d2ded7; }
.online-dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:#71dea4; }
.register-status { padding:12px 14px;margin:14px 0 0;color:#ffd2c7;background:#32211c;border:1px solid #785041;border-radius:5px;font-size:12px;line-height:1.6; }
.registration-success { padding:24px 0; }
.registration-success h2 { font-size:28px;margin:18px 0 10px; }
.registration-success p { color:#b9cebf;font-size:14px;overflow-wrap:anywhere; }
.registration-success .back-link { display:block;margin-top:12px; }
.success-mark { width:48px;height:48px;background:#c9f56d;mask:url('/assets/register-icons-20261001/circle-check.svg') center / contain no-repeat; }
.register-page [hidden] { display:none!important; }
.register-page button:focus-visible,.register-page a:focus-visible { outline:2px solid #c9f56d;outline-offset:4px; }
@media(max-width:980px) { .register-page .hero { gap:40px;grid-template-columns:minmax(300px,1fr) minmax(0,1fr); }.register-page .serial-key-box { font-size:17px; } }
@media(max-width:640px) {
  .register-page .page { width:calc(100% - 32px);grid-template-rows:76px 1fr;padding-bottom:20px; }
  .register-page .brand { font-size:16px; }.register-page .brand-badge { width:36px;height:36px;font-size:18px; }
  .register-page .back-link { font-size:11px; }
  .register-page .main { padding:28px 0 12px;min-height:0; }
  .register-page .hero { grid-template-columns:1fr;gap:28px; }
  .register-page h1 { font-size:28px; }.register-page .right-side { min-height:0;justify-content:start; }
  .register-page .serial-card { width:100%;padding-top:20px; }.register-page .serial-card h2 { font-size:22px; }
  body.register-page::before { inset:76px 0 0;background:linear-gradient(90deg,rgba(14,17,17,.97),rgba(14,17,17,.86)),url('/pes5-hero-striker-pro-20260701-v3.png') 70% center / cover no-repeat; }
  .register-page .serial-key-box { font-size:18px; }
}