@font-face{font-family:Machille;src:url('Machille-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Qargeo;src:url('Qargeo-Regular.otf') format('opentype');font-weight:400;font-display:swap}
:root{--dark:#101820;--cream:#f5f1e9;--yellow:#ffcc00;--muted:#687078}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--dark);font:15px Qargeo,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button,a.button{text-transform:uppercase}a{color:inherit}.layout{min-height:100svh;display:grid;grid-template-columns:51% 49%}.brand{background:var(--dark);color:var(--cream);padding:54px clamp(35px,5.6vw,90px) 35px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand:after{content:'';width:410px;height:410px;position:absolute;border:1px solid #f5f1e915;border-radius:50%;right:-235px;top:28%;box-shadow:0 0 0 70px #f5f1e905,0 0 0 140px #f5f1e903;pointer-events:none}.brand-logo{width:220px;max-width:65%;filter:brightness(0) invert(1);display:block}.brand-copy{margin:auto 0;padding:60px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:26px;height:3px;background:var(--yellow)}h1,h2{font-family:Machille,Arial,sans-serif;font-weight:700;text-transform:uppercase}h1{font-size:clamp(42px,4.5vw,70px);line-height:1.03;letter-spacing:-.8px;margin:27px 0}h1 span{color:var(--yellow)}.intro{color:#b9bec3;font-size:16px;line-height:1.75;max-width:370px;margin:24px 0 35px}.features{display:flex;flex-wrap:wrap;gap:9px}.features span{border:1px solid #ffffff24;padding:9px 13px;border-radius:5px;color:#d2d5d7;font-size:11px}.brand-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1b;padding-top:22px;color:#919ba4;font-size:11px;gap:20px}.brand-footer strong{font-weight:400;color:#e5e6e8}.access{display:flex;flex-direction:column;min-width:0;padding:36px clamp(30px,6.4vw,100px) 28px}.top{display:flex;justify-content:flex-end}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #d9d4ca;border-radius:30px;padding:9px 13px;color:#6f726e}.form-area{width:100%;max-width:400px;margin:auto;padding:45px 0}.marker{width:44px;height:5px;background:var(--yellow);margin-bottom:26px}h2{font-size:38px;line-height:1.1;margin:0 0 15px}.sub{color:var(--muted);line-height:1.7;margin:0 0 32px;font-size:14px}.field{margin:21px 0}label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}input{width:100%;border:1px solid #d7d3cb;border-radius:7px;padding:15px 16px;line-height:22px;min-height:54px;background:#fffdfa;color:var(--dark);outline:none}input:focus{border-color:#927500;box-shadow:0 0 0 3px #ffcc0030}input::placeholder{color:#999a96}.password{position:relative}.password input{padding-right:96px}.show{position:absolute;right:7px;top:8px;bottom:8px;background:none;border:0;padding:0 10px;font-size:10px;letter-spacing:.6px;color:#555e65}.options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 27px}.check{display:flex;align-items:center;gap:9px;margin:0;font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer}.check input{width:15px;height:15px;min-height:0;accent-color:var(--dark);padding:0}.forgot{border:0;background:none;padding:5px 0;font-size:10px;color:#505961;text-decoration:underline;text-underline-offset:4px;letter-spacing:.2px}.button{display:block;border:0;border-radius:7px;width:100%;padding:18px 15px;min-height:55px;background:var(--yellow);color:var(--dark);text-decoration:none;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;transition:background .15s,transform .15s}.button:hover{background:#f0bf00;transform:translateY(-1px)}.demo-note{font-size:11px;line-height:1.65;color:#767b7d;text-align:center;max-width:330px;margin:18px auto 0}.access-footer{text-align:center;color:#888d8e;font-size:10px;letter-spacing:.3px}.notice{background:#ebe5d9;border:1px solid #ddd5c5;border-radius:7px;padding:13px 15px;font-size:12px;line-height:1.6;color:#555b5e;margin-top:18px}.notice[hidden]{display:none}button:focus-visible,a:focus-visible{outline:3px solid #a98600;outline-offset:4px}@media(min-width:1600px){.brand{padding-left:max(80px,calc((100vw - 1400px)/2))}}@media(max-width:950px){.layout{grid-template-columns:46% 54%}.brand{padding:36px 30px}.access{padding:30px}.brand-logo{width:190px;max-width:100%}h1{font-size:44px}.intro{font-size:14px}.brand-footer{flex-direction:column;align-items:start;gap:8px}.features{gap:7px}.features span{font-size:10px;padding:8px 10px}}@media(max-width:660px){.layout{display:block}.brand{padding:24px 25px 28px}.brand-logo{width:165px}.brand-copy{padding:28px 0 0}.eyebrow{font-size:9px}.brand-copy h1{font-size:33px;margin:17px 0 0;line-height:1.08}.brand-copy h1 br{display:none}.brand-copy h1 span{display:block}.intro,.features,.brand-footer{display:none}.brand:after{width:240px;height:240px;right:-120px;top:0}.access{padding:22px 25px 25px}.form-area{padding:30px 0}.top{justify-content:center}.marker{display:none}h2{font-size:30px}.sub{margin-bottom:24px}.field{margin:17px 0}.options{margin:19px 0 25px}.access-footer{padding-top:8px}}