:root{--navy:#0a1323;--navy2:#13223a;--beige:#e4c9a0;--gold:#bd9563;--white:#f1e5d2;--muted:#bba98e;--line:#c9aa7d}
  *{box-sizing:border-box}
  html,body{margin:0;min-height:100%;background:#080d16;color:var(--white)}
  body{font-family:Amiri,Georgia,serif}
  .shell{min-height:100svh;display:grid;grid-template-columns: 44% 56%;direction:rtl;overflow:hidden;background:var(--navy)}
  .panel{direction:rtl;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;min-height:100svh;padding:42px 40px 50px;background:radial-gradient(ellipse 100% 60% at 70% 0%,#23344b 0%,transparent 65%),linear-gradient(125deg,#172438 0%,#0b1527 56%,#070e1a 100%)}
  .panel:before{content:"";position:absolute;inset:16px;border:1px solid #a27b502e;pointer-events:none}
  .panel:after{content:"";position:absolute;inset:23px;border:1px solid #a27b501b;pointer-events:none}
  .content{width:min(100%,510px);z-index:1;position:relative;text-align:center}
  .labeltop{font:500 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.26em;color:#a9a58d;display:flex;align-items:center;gap:12px;justify-content:center;direction:ltr;margin-bottom:20px}
  .labeltop:before,.labeltop:after{content:"";height:1px;background:#8e7556;width:42px;opacity:.5}
  .brand{font:italic 500 clamp(66px,7.1vw,108px)/.9 Georgia,serif;letter-spacing:-.07em;color:#ffedd0;text-shadow:0 4px 24px #030812;font-variant-ligatures:common-ligatures}
  .brand span{color:#edce96}
  .tagline{font: 500 11px/1.6 Georgia,serif;letter-spacing:.24em;color:var(--beige);margin-top:18px;direction:ltr}
  .header-rule{margin:34px auto 38px;width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
  .login{background:linear-gradient(150deg,#162841e8,#0a1424ed);text-align:right;border:1px solid #d4b686;box-shadow:0 13px 54px #0007, inset 0 0 0 3px #0d1d30, 0 0 0 1px #352c22;}
  .loginbar{border-bottom:1px solid #bb9f77;background:linear-gradient(90deg,#384154,#1e3450);height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;direction:ltr;color:#ead7b5;font:14px Georgia,serif;gap:10px}
  .windowbtns{display:flex;gap:4px}
  .windowbtns span{display:flex;align-items:center;justify-content:center;width:21px;height:19px;border:1px solid #c8a977;color:#dac3a1;background:#172538;font:12px Georgia}
  .logininner{padding:32px clamp(24px,4vw,48px) 28px}
  .lockline{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#dcc2a0;font-size:20px}
  .lockline .lock{font-family:Arial,sans-serif;font-size:18px;color:#e0c292}
  .password{display:block;width:100%;height:53px;border:1px solid #c1a67d;border-radius:3px;background:#0e1829;color:#f9e4bd;padding:0 16px;letter-spacing:.3em;text-align:left;font:26px Arial;direction:ltr;outline-offset:2px}
  .password:focus{outline:2px solid #e3bc86}
  .submit{font:700 26px/1.4 Amiri,serif;display:block;margin:26px auto 0;min-width:205px;padding:2px 24px 3px;background:linear-gradient(180deg,#eddbb8,#c8ab7a);border:1px solid #f7e1bd;border-bottom-color:#84633f;box-shadow:inset 0 1px 0 #fff6,0 2px 6px #0008;border-radius:3px;color:#172238;cursor:pointer;transition:filter .15s}
  .submit:hover{filter:brightness(1.1)}
  .belowline{height:32px;display:flex;align-items:center;gap:12px;color:#a78e6a;direction:ltr;justify-content:center}
  .belowline:before,.belowline:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#a17e53);flex:1;max-width:185px}
  .belowline:after{transform:rotate(180deg)}
  .quote{border:1px solid #b38e6087;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:6px 10px;background:#101e31a8;gap:10px}
  .qtext{font:400 clamp(20px,2.1vw,28px)/1.65 Amiri,serif;color:#edd3ab;text-align:center;flex:1;min-width:0}
  .qbtn{border:1px solid #b59165;color:#e9c99d;background:#15273e;width:32px;height:32px;flex:0 0 32px;border-radius:2px;font:25px/1 Georgia;cursor:pointer}
  .qbtn:hover{background:#29435c}
  .foot{text-transform:uppercase;font:10px/1.6 ui-monospace,monospace;letter-spacing:.13em;color:#9d967f;direction:ltr;margin-top:18px}
  .foot .spot{display:inline-block;width:5px;height:5px;background:#c9a372;border-radius:50%;vertical-align:middle;margin-right:6px}
  .demo{font:10px/1.5 ui-monospace,monospace;color:#9c927d;position:absolute;bottom:12px;left:32px;right:32px;letter-spacing:.1em;direction:ltr;text-align:center}
  .visual{position:relative;min-height:100svh;background:#050d18;overflow:hidden;direction:ltr}
  .visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:49% center;position:absolute;inset:0;filter:saturate(.98) contrast(1.04)}
  .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08101b0a 55%,#0a1323bb 100%),linear-gradient(0deg,#09111be0 0%,transparent 36%)}
  .imagetext{position:absolute;left:38px;bottom:38px;z-index:1;text-align:left;color:#f1dfbf;direction:ltr}
  .imagetext small{display:block;letter-spacing:.36em;font:10px Georgia,serif;margin-bottom:14px}
  .imagetext h2{margin:0;font:400 32px/1.5 Amiri,serif;direction:rtl;text-align:left}
  .imagetext p{margin:0;letter-spacing:.05em;color:#c3ab85;font:italic 15px/1.5 Georgia,serif}
  .notice{margin-top:14px;color:#dbcaac;font-size:17px;display:none;text-align:center;line-height:1.5}
  .notice.show{display:block}
  @media(max-width:850px){.shell{display:flex;flex-direction:column}.visual{min-height:35svh;order:0}.visual img{object-position:center 52%}.visual:after{background:linear-gradient(0deg,#0a1323 0%,transparent 45%)}.imagetext{bottom:12px;left:25px}.imagetext h2{font-size:22px}.imagetext p{font-size:11px}.panel{order:1;min-height:65svh;padding:25px 26px 55px}.brand{font-size:64px}.tagline{font-size:9px}.header-rule{margin:18px auto 22px}.logininner{padding:20px 20px 18px}.lockline{font-size:18px}.submit{font-size:25px}.demo{font-size:9px}.qtext{font-size:22px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.notice{display:block;min-height:22px;visibility:hidden;color:#e8b69a;font-size:15px}.notice.show{visibility:visible}
.submit:disabled{opacity:.65;cursor:progress}.password{text-align:left;font-size:23px;letter-spacing:.1em}.qbtn:focus-visible,.submit:focus-visible{outline:2px solid #ecd3a7;outline-offset:3px}.loginbar .windowbtns span{user-select:none}
/* Lab 98 day-one approved palette — original supplied photograph, no generated decoration. */
:root{--navy:#051a57;--navy2:#003232;--beige:#d6eadf;--gold:#ffa600;--white:#f4f8f7;--muted:#c3ded5;--line:#ffa600}
.panel{background:linear-gradient(140deg,#051a57 0%,#092547 48%,#003232 100%)}
.login{background:linear-gradient(165deg,#061b4a,#002828);border-color:#ffa60085}
.loginbar{background:linear-gradient(90deg,#092755,#051a57);border-bottom-color:#ffa600a8;color:#d6eadf}
.brand span,.labeltop,.foot,.lockline,.imagetext small{color:#ffa600}
.submit{background:#ffa600;border-color:#ffbe4e;color:#051a57;box-shadow:0 4px 15px #0004}
.submit:hover{filter:brightness(1.04)}
.qtext{color:#d6eadf}.qbtn{border-color:#ffa600;color:#ffa600;background:#051a57}
.notice{color:#ff6361}.password{border-color:#91b2b3}