@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--bg-1:#f6f7fb;--bg-2:#e4eef7;--panel:#fff;--ink:#112a46;--muted:#4f6780;--accent:#0b7a75;--accent-strong:#075e5a;--error:#b42318;--radius:18px}*{box-sizing:border-box}body{color:var(--ink);background:#f3f3f3;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.screen{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:color-mix(in srgb, var(--panel) 92%, #f7fbff 8%);border-radius:calc(var(--radius) + 6px);border:1px solid #dce5ef;width:min(920px,100%);padding:clamp(20px,3vw,36px);box-shadow:0 16px 48px #082c571f}.login-card-layout{border-radius:6px;grid-template-columns:minmax(320px,1fr) minmax(420px,1fr);width:min(1020px,100%);min-height:620px;padding:0;display:grid;overflow:hidden}.login-hero{color:#fff;background:radial-gradient(circle at 24% 100%,#1f5cff33 0%,#0000 50%),linear-gradient(160deg,#152875 0%,#070f3a 58%,#06133f 100%);flex-direction:column;justify-content:space-between;padding:42px 48px;display:flex;position:relative}.login-logo{letter-spacing:.03em;margin:0;font-size:clamp(1.4rem,2.1vw,2rem);font-style:italic;font-weight:700}.login-logo span{color:#2a73ff}.login-hero-text{background:linear-gradient(#fff 0%,#ffffff70 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;width:min(568px,100%);min-height:268px;margin:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(2.2rem,5vw,20px);font-style:italic;font-weight:300;line-height:120%;display:flex}.voucher-page-layout{border-radius:6px;align-content:start;width:min(1020px,100%);min-height:560px;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:grid;overflow:hidden}.voucher-page-layout.login-card-pane{padding:0}.login-card-pane{background:#fff;align-items:center;padding:clamp(28px,5vw,64px);display:grid}.voucher-brand{text-align:center;margin-bottom:8px}.voucher-brand h1{color:#1f2937;margin-top:0}.voucher-brand .muted{color:#667085;max-width:620px;margin-left:auto;margin-right:auto;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:18px}.brand{margin-bottom:10px}.voucher-topbar{background:radial-gradient(circle at 12% 24%,#3163ff33 0%,#0000 46%),linear-gradient(96deg,#102067 0%,#040b35 66%,#03092f 100%);justify-content:space-between;align-items:center;gap:10px;min-height:82px;padding:14px 20px;display:flex}.voucher-topbar-logo{color:#fff;letter-spacing:.03em;margin:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.94rem,1.55vw,1.52rem);font-style:italic;font-weight:700}.voucher-topbar-logo span{color:#2a73ff}.voucher-topbar-logout{color:#fff;background:0 0;border:2px solid #edf1ffcc;border-radius:8px;min-width:64px;height:34px;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600}.voucher-topbar-logout:hover:not(:disabled){background:#ffffff24;transform:none}.voucher-page-content{padding:clamp(14px,2.8vw,22px)}h1,h2{margin:0}.brand h1{margin-top:2px;font-size:clamp(1.45rem,1.35vw,2.05rem)}.muted{color:var(--muted);margin-top:2px}.panel{border-radius:var(--radius);background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #d8e5f0;padding:clamp(10px,1.7vw,16px)}.form-grid{gap:9px;display:grid}.grid-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}label{color:var(--ink);gap:4px;font-weight:600;display:grid}input,textarea,button{font:inherit}input,textarea{background:#fff;border:1px solid #c8d6e3;border-radius:8px;width:100%;padding:6px 8px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-weight:700;transition:transform .15s,background-color .2s}button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}button.ghost{color:#23486f;background:#eef5fb;border:1px solid #c8d6e3}.error{color:var(--error);font-size:.82rem}@media (width<=768px){input,textarea,select{font-size:16px!important}.screen,.card{padding:14px}.login-card-layout{grid-template-columns:1fr;min-height:auto;padding:0}.login-hero{min-height:280px;padding:28px 22px}.login-hero-text{min-height:auto;font-size:clamp(1.8rem,8vw,2.4rem)}.voucher-page-layout{grid-template-columns:1fr;min-height:auto}.login-card-pane{padding:24px 18px 30px}.voucher-page-layout.login-card-pane{padding:0}.grid-two{grid-template-columns:1fr}.voucher-topbar{min-height:74px;padding:12px}.voucher-topbar-logo{font-size:clamp(.88rem,5vw,1.35rem)}.voucher-topbar-logout{min-width:60px;height:32px;font-size:13px}.voucher-page-content{padding:12px 12px 20px}}