:root{--ivory:#f4f0e8;--paper:#fbf9f4;--ink:#252824;--muted:#6b6d65;--champagne:#c8b28c;--line:#dfd8cb;--dark:#242923}
    *{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
    button{font:inherit}button:focus-visible{outline:3px solid #987846;outline-offset:5px}svg{display:block}a{color:inherit}
    .page{max-width:1380px;margin:auto;padding:40px 60px 28px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:51px}
    .wordmark{border-inline-start:2px solid #ae9365;padding-inline-start:17px}.wordmark strong{font-size:21px;line-height:1.7;font-weight:650;display:block}.wordmark small{font-size:10px;letter-spacing:2.7px;color:var(--muted);display:block;text-align:right}
    .preview-tag{display:flex;align-items:center;gap:8px;font-size:12px;color:#777365;border:1px solid #d8d0c1;border-radius:100px;padding:8px 14px;white-space:nowrap}.preview-tag i{width:5px;height:5px;background:#a58b61;border-radius:50%}
    .composition{display:grid;grid-template-columns:1.13fr 1fr;min-height:626px;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 20px 50px -35px #312e2740}
    .intro{background:var(--dark);color:#f2eee5;padding:46px 49px 35px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:626px}
    .eyebrow{margin:0 0 25px;display:flex;align-items:center;gap:12px;font-size:12px;color:#c5b594}.eyebrow:before{content:"";width:24px;height:1px;background:#b49d74}
    h1{font-size:clamp(35px,3.7vw,52px);line-height:1.5;letter-spacing:-1.5px;font-weight:500;margin:0;position:relative;z-index:2}h1 em{font-style:normal;color:#d5c4a6}
    .intro-copy{font-size:16px;line-height:1.95;color:#c6c9bf;max-width:310px;margin:18px 0 0;position:relative;z-index:2}
    .art{position:absolute;inset-inline-start:6%;bottom:53px;width:88%;height:285px;z-index:-1;opacity:.96}
    .intro-foot{margin-top:auto;padding-top:234px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c0b9a8;font-size:11px;letter-spacing:.2px}.intro-foot .english{letter-spacing:2.1px;font-size:9px;color:#a5aa9f}
    .entry{background:var(--paper);padding:56px 54px 42px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
    .entry-kicker{display:flex;align-items:center;gap:8px;color:#82735b;font-size:11px;margin:0 0 27px}.entry-kicker span{height:6px;width:6px;background:#b5a07c;border-radius:50%}
    h2{font-size:33px;line-height:1.6;font-weight:550;letter-spacing:-1px;margin:0}.entry-description{font-size:14px;color:var(--muted);line-height:1.95;margin:17px 0 30px;max-width:320px}
    .rule{height:1px;background:var(--line);margin-bottom:27px}.access-label{font-size:12px;color:#756d5f;margin:0 0 13px}
    .enter{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border:1px solid var(--ink);background:var(--ink);color:#fbf9f4;min-height:58px;border-radius:3px;padding:14px 19px;font-size:15px;cursor:pointer;transition:background .18s,transform .18s}
    .enter:hover{background:#3b4238}.enter:active{transform:translateY(1px)}.enter .button-label{display:flex;gap:11px;align-items:center}.enter svg{flex-shrink:0}.arrow{color:#d4c29f}
    .demo-note{font-size:12px;line-height:1.9;color:#77746b;margin:13px 0 0;text-align:center}.status{font-size:12px;color:#5f553e;line-height:1.8;margin:14px 0 0;border:1px solid #dfd1b7;background:#f4eee3;padding:11px 13px;border-radius:3px}.status[hidden]{display:none}
    .assurance{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding-top:21px;margin-top:38px;color:#79786e;font-size:11px;line-height:1.9}.assurance svg{flex-shrink:0;color:#a28a61;margin-top:3px}.assurance strong{font-weight:500;color:#514f46;display:block}.assurance p{margin:0}
    .page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;padding-top:25px;color:#858176;font-size:11px;line-height:1.8}.footer-detail{display:flex;align-items:center;gap:12px}.footer-detail:before{content:"";width:18px;height:1px;background:#bca989}.edition{font-size:10px;letter-spacing:1.6px;white-space:nowrap}.powered-by{flex-basis:100%;min-width:0;text-align:center;font-size:11px;letter-spacing:.35px;color:var(--muted);unicode-bidi:isolate;overflow-wrap:anywhere}
    @media(min-width:1500px){.page{padding-top:56px}.masthead{margin-bottom:62px}.composition{min-height:650px}.intro{min-height:650px}}
    @media(max-width:1050px){.page{padding:30px 30px 24px}.entry{padding:40px 34px}.intro{padding:42px 34px 30px}.masthead{margin-bottom:36px}h2{font-size:29px}}
    @media(max-width:720px){.page{padding:23px 20px 22px}.masthead{align-items:flex-start;gap:12px;margin-bottom:27px}.wordmark{padding-inline-start:11px}.wordmark strong{font-size:16px;line-height:1.8}.wordmark small{font-size:7px;letter-spacing:1.5px}.preview-tag{font-size:10px;padding:6px 9px;gap:5px;margin-top:3px}.composition{grid-template-columns:1fr;min-height:auto}.intro{min-height:289px;padding:26px 26px 22px}.eyebrow{font-size:10px;margin-bottom:13px}h1{font-size:33px;line-height:1.5;letter-spacing:-.6px}.intro-copy{font-size:12px;line-height:1.9;margin-top:10px;max-width:200px}.art{width:240px;height:170px;inset-inline-start:auto;inset-inline-end:-52px;bottom:-12px;opacity:.52}.intro-foot{padding-top:28px;font-size:9px}.intro-foot .english{display:none}.entry{padding:29px 26px 27px}.entry-kicker{font-size:10px;margin-bottom:10px}h2{font-size:25px;line-height:1.6;letter-spacing:-.5px}h2 br{display:none}.entry-description{font-size:12px;line-height:1.9;margin:10px 0 20px;max-width:none}.rule{margin-bottom:18px}.access-label{font-size:11px;margin-bottom:10px}.enter{min-height:54px;font-size:14px;padding:12px 16px}.demo-note{font-size:11px;margin-top:10px}.assurance{margin-top:22px;padding-top:17px;font-size:10px}.page-footer{padding-top:19px;font-size:9px;align-items:flex-start;gap:14px}.footer-detail{gap:7px}.edition{font-size:8px;letter-spacing:1px}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important}}
  
#login-form{display:grid;gap:10px;min-width:0}#login-form label{font-size:12px;color:var(--muted)}#login-form input{width:100%;min-width:0;font:inherit;font-size:16px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);padding:12px;border-radius:3px;margin-bottom:8px}#login-form input:focus-visible{outline:2px solid #987846;outline-offset:2px}.enter:disabled{opacity:.6;cursor:wait}