:root{color-scheme:light;--blue:#006ab3;--deep:#004575;--yellow:#ffd521;--ink:#152f43;--muted:#526777}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;padding:48px 24px;display:grid;place-items:center;background:#eef4f8;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
.vdl-shell{width:100%;max-width:980px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:white;border-radius:24px;box-shadow:0 22px 70px #133c5717}
.vdl-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:44px;color:white;background:var(--blue)}
.vdl-brand{min-height:74px}.vdl-monogram{font-size:52px;font-weight:900;letter-spacing:-4px;line-height:1}.vdl-dot{color:var(--yellow)}
.vdl-logo{display:block;max-height:100px;max-width:180px;width:auto;height:auto;background:white;border-radius:8px;padding:8px}
.vdl-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:38px 0 14px}.vdl-intro h2{font-size:37px;letter-spacing:-1.4px;line-height:1.16;margin:0 0 12px}
.vdl-intro p:not(.vdl-eyebrow){color:#e5f2ff;font-size:15px}.vdl-location{font-size:10px;letter-spacing:1.4px;margin-top:auto;padding-top:20px;font-weight:700}
.vdl-court{height:120px;width:195px;border:2px solid #ffffff55;margin:25px auto;position:relative;transform:rotate(-12deg);border-radius:3px}.vdl-court:before,.vdl-court:after{content:"";position:absolute;left:0;right:0;height:1px;background:#ffffff55;top:30%}.vdl-court:after{top:70%}.vdl-court span{position:absolute;left:-12px;right:-12px;top:50%;height:3px;background:var(--yellow)}
.vdl-panel{padding:54px 48px}.vdl-badge{display:inline-block;font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--deep);background:#fff4ba;padding:7px 11px;border-radius:5px}
h1{font-size:34px;line-height:1.18;letter-spacing:-1.2px;margin:23px 0 16px}.vdl-lead{font-size:15px;color:var(--muted);margin-bottom:28px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input[type=password]{display:block;width:100%;border:1px solid #a4b4bf;border-radius:8px;padding:14px;font:inherit;background:#fff;color:var(--ink)}
button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:15px 18px;border:0;border-radius:8px;background:var(--blue);color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer}button:hover{background:var(--deep)}button span{font-size:21px;line-height:1}
:focus-visible{outline:3px solid var(--deep);outline-offset:4px;box-shadow:0 0 0 4px var(--yellow)}
.vdl-hint{font-size:11px;color:var(--muted);margin:12px 0 0}.vdl-help{border-top:1px solid #dce5eb;margin-top:30px;padding-top:16px;font-size:12px;color:var(--muted)}.vdl-help a{font-weight:700;color:var(--deep);text-underline-offset:3px}
.vdl-error{background:#fff0ef;border-left:4px solid #b82c23;padding:12px 14px;color:#86271f;border-radius:4px;font-size:13px;margin:0 0 20px}
@media(max-width:680px){body{padding:16px}.vdl-shell{grid-template-columns:1fr;border-radius:18px;max-width:460px}.vdl-intro{padding:25px 28px}.vdl-brand{min-height:0}.vdl-monogram{font-size:38px}.vdl-logo{max-height:64px;max-width:130px}.vdl-eyebrow{margin:15px 0 7px;font-size:10px}.vdl-intro h2{font-size:28px}.vdl-intro h2 br{display:none}.vdl-intro p:not(.vdl-eyebrow),.vdl-court,.vdl-location{display:none}.vdl-panel{padding:30px 28px}h1{font-size:29px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}