*,*:before,*:after{box-sizing:border-box}:root{--gold: #D4A843;--gold-l: #F0C96A;--gold-p: rgba(212,168,67,.14);--gold-b: rgba(212,168,67,.32);--navy: #08122A;--navy2: #0D1B3E;--navy3: #122048;--blue: #1E4DB7;--tp: #EEF2FF;--ts: #8FA3CC;--tm: #4A5D88;--err: #F06A6A;--success: #5DD39E;--radius: 6px;--input-h: 50px}body{margin:0;background:var(--navy);font-family:Jost,sans-serif}.login-page{display:flex;min-height:100vh;flex-direction:column}.l-mobile-brand{display:none;background:var(--navy3);padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(212,168,67,.14);position:relative;overflow:hidden}.l-mobile-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 80% 50%,rgba(30,77,183,.22) 0%,transparent 70%),radial-gradient(ellipse 40% 80% at 10% 50%,rgba(212,168,67,.05) 0%,transparent 65%);pointer-events:none}.l-mb-inner{position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.l-mb-logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--gold-b);border-radius:50%;background:var(--gold-p);text-decoration:none}.l-mb-logo img{width:30px;height:30px;border-radius:50%;object-fit:cover}.l-mb-logo svg{width:20px;height:20px;fill:var(--gold)}.l-mb-text h2{font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600;color:var(--tp);margin:0 0 2px}.l-mb-text p{font-size:11px;color:var(--ts);font-weight:300;font-family:Jost,sans-serif;margin:0;letter-spacing:.04em}.l-mb-feats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-top:.9rem}.l-mb-feat{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ts);font-family:Jost,sans-serif;font-weight:300;background:#d4a84312;border:1px solid rgba(212,168,67,.15);border-radius:20px;padding:3px 10px}.l-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;display:inline-block}.l-mb-feat .l-dot{width:4px;height:4px}.login-wrap{display:flex;flex:1;justify-content:center;align-items:center;min-height:calc(100vh + -0px);padding:2rem 1rem}.login-left{width:100%;max-width:440px;background:var(--navy2);border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:3rem 2.5rem;position:relative;box-shadow:0 24px 64px #00000073}.login-left:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-l),var(--gold),transparent)}.login-box{width:100%;animation:lFadeUp .55s ease both}.l-logo-wrap{display:flex;justify-content:center;margin-bottom:1.25rem}.l-logo-ring{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid var(--gold-b);border-radius:50%;background:var(--gold-p);text-decoration:none;position:relative;transition:border-color .3s,box-shadow .3s}.l-logo-ring:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(212,168,67,.1);animation:logoRing 3s linear infinite}@keyframes logoRing{to{transform:rotate(360deg)}}.l-logo-ring:hover{border-color:var(--gold);box-shadow:0 0 20px #d4a8432e}.l-logo-ring img{width:42px;height:42px;border-radius:50%;object-fit:cover}.l-logo-ring svg{width:28px;height:28px;fill:var(--gold);display:none}.l-hdr{text-align:center;margin-bottom:1.75rem}.l-eye{display:block;font-family:Jost,sans-serif;font-size:10px;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}.l-hdr h1{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:var(--tp);line-height:1.2;margin:0 0 .35rem}.l-hdr .l-sub{font-size:13px;color:var(--ts);font-weight:300;margin:0}.l-div{display:flex;align-items:center;gap:10px;margin-top:.9rem}.l-div-line{flex:1;height:1px;background:var(--gold-b)}.l-div-icon{color:var(--gold);font-size:10px}.l-alert{background:#f06a6a1a;border:1px solid rgba(240,106,106,.35);border-left:3px solid var(--err);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--err);margin-bottom:1.2rem;line-height:1.5;font-family:Jost,sans-serif;display:flex;gap:10px;align-items:flex-start}.l-alert-icon{flex-shrink:0;margin-top:1px}.l-field-error{display:block;color:var(--err);font-size:12px;margin-top:4px}.l-field{margin-bottom:1rem;position:relative}.l-field label{display:block;font-family:Jost,sans-serif;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ts);margin-bottom:.4rem;transition:color .2s}.l-field:focus-within label{color:var(--gold)}.l-input-wrap{position:relative;display:flex;align-items:center}.l-input-icon{position:absolute;left:14px;color:var(--tm);pointer-events:none;transition:color .2s;display:flex;align-items:center}.l-field:focus-within .l-input-icon{color:var(--gold)}.l-field input[type=text],.l-field input[type=password]{width:100%;height:var(--input-h);background:#08122a8c;border:1px solid rgba(212,168,67,.22);border-radius:var(--radius);color:var(--tp);font-family:Jost,sans-serif;font-size:14px;font-weight:300;padding:0 46px 0 44px;outline:none;-webkit-appearance:none;transition:border-color .25s,background .25s,box-shadow .25s}.l-field input::placeholder{color:var(--tm);font-size:13px}.l-field input:focus{border-color:var(--gold);background:#0d3c8273;box-shadow:0 0 0 3px #d4a8431a;color:var(--tp)}.l-field input:-webkit-autofill,.l-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(13,27,62,1) inset!important;-webkit-text-fill-color:var(--tp)!important;border-color:#d4a84366!important;caret-color:var(--tp)}.l-pwd-toggle{position:absolute;right:12px;background:none;border:none;color:var(--tm);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:3px;transition:color .2s;line-height:1;z-index:2}.l-pwd-toggle svg{pointer-events:none}.l-pwd-toggle:hover,.l-pwd-toggle:focus{outline:none;color:var(--gold)}.l-row-ctrl{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;gap:8px}.l-remember{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.l-check{width:18px;height:18px;border:1px solid var(--gold-b);border-radius:4px;background:#08122a80;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.l-check.on{background:var(--gold);border-color:var(--gold)}.l-check.on:after{content:"";width:8px;height:5px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg) translateY(-1px);display:block}.l-remember-lbl{font-size:12px;color:var(--ts);font-weight:300;font-family:Jost,sans-serif}.l-forgot{font-size:12px;color:var(--gold);text-decoration:none;font-weight:400;border-bottom:1px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap}.l-forgot:hover{border-bottom-color:var(--gold);color:var(--gold-l)}.btn-login{width:100%;height:50px;background:transparent;border:1px solid var(--gold);border-radius:var(--radius);color:var(--gold);font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:color .35s,transform .15s,box-shadow .3s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-login:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--gold),var(--gold-l));transform:translate(-101%);transition:transform .38s cubic-bezier(.4,0,.2,1);z-index:0}.btn-login:not(:disabled):hover{color:var(--navy);box-shadow:0 4px 18px #d4a84338}.btn-login:not(:disabled):hover:before{transform:translate(0)}.btn-login:active{transform:scale(.98)}.btn-login:disabled{opacity:.75;cursor:not-allowed}.btn-login .btn-text,.btn-login .btn-spinner{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.spin-ring{width:18px;height:18px;border:2px solid rgba(212,168,67,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.l-reg-link{text-align:center;margin-top:1.25rem;font-size:13px;color:var(--ts);font-weight:300;font-family:Jost,sans-serif}.l-reg-link a{color:var(--gold);text-decoration:none;font-weight:400;border-bottom:1px solid transparent;transition:border-color .2s}.l-reg-link a:hover{border-bottom-color:var(--gold)}.l-info-link{font-size:13px;color:var(--ts);margin-top:1rem;text-align:center}.l-info-link a{color:var(--gold);text-decoration:none}.l-info-link a:hover{text-decoration:underline}.login-right{flex:1;background:var(--navy3);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:100vh}.login-right:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 65% 55% at 72% 28%,rgba(30,77,183,.28) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 15% 78%,rgba(212,168,67,.07) 0%,transparent 65%),radial-gradient(ellipse 35% 35% at 88% 82%,rgba(30,77,183,.18) 0%,transparent 60%)}.l-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(212,168,67,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,67,.055) 1px,transparent 1px);background-size:58px 58px}.l-diamond{position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%,-50%) rotate(45deg);width:400px;height:400px;border:1px solid rgba(212,168,67,.13);animation:diamondPulse 6s ease-in-out infinite}.l-diamond:before{content:"";position:absolute;inset:32px;border:1px solid rgba(212,168,67,.08)}.l-diamond:after{content:"";position:absolute;inset:66px;border:1px solid rgba(212,168,67,.05)}@keyframes diamondPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) rotate(45deg) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.04)}}.l-circle{position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%,-50%);width:460px;height:460px;border-radius:50%;border:1px solid rgba(30,77,183,.22)}.l-ctl{position:absolute;top:2rem;left:2rem;z-index:1;width:70px;height:70px;border-top:1px solid var(--gold);border-left:1px solid var(--gold);opacity:.6}.l-cbr{position:absolute;bottom:2rem;right:2rem;z-index:1;width:70px;height:70px;border-bottom:1px solid var(--gold);border-right:1px solid var(--gold);opacity:.6}.l-brand{position:relative;z-index:2;padding:2.5rem 3rem;background:linear-gradient(to top,rgba(8,18,42,.97) 0%,rgba(8,18,42,.7) 60%,transparent 100%);animation:lFadeUp .65s ease .1s both}.l-tagline{font-family:Playfair Display,serif;font-size:2rem;font-weight:500;line-height:1.3;color:var(--tp);margin-bottom:1rem}.l-tagline em{color:var(--gold);font-style:italic}.l-desc{font-size:13px;color:var(--tp);font-weight:300;line-height:1.75;margin-bottom:1.5rem;opacity:.82;font-family:Jost,sans-serif}.l-feats{list-style:none;padding:0;margin-bottom:1.5rem}.l-feats li{display:flex;align-items:center;gap:12px;padding:.5rem 0;border-bottom:1px solid rgba(212,168,67,.1);font-size:13px;color:var(--tp);font-weight:300;font-family:Jost,sans-serif}.l-contact{padding:1.1rem 1.25rem;border:1px solid var(--gold-b);border-radius:var(--radius);background:#1e4db71a;margin-bottom:1.25rem}.l-contact-t{display:block;font-size:9px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem;font-family:Jost,sans-serif}.l-contact p{font-size:13px;color:var(--tp);font-weight:300;line-height:1.75;margin:0;font-family:Jost,sans-serif}.l-contact strong{color:var(--tp);font-weight:500}.l-footer{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--tm);font-family:Jost,sans-serif}@keyframes lFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.login-wrap{flex-direction:column}.login-left{width:100%;min-width:unset;padding:2.5rem 2rem;justify-content:flex-start}.login-right{width:100%;min-height:320px}.l-tagline{font-size:1.55rem}}@media(min-width:601px)and (max-width:768px){.login-right{min-height:280px}.l-brand{padding:2rem}.l-tagline{font-size:1.45rem}}@media(max-width:600px){.login-right{display:none}.l-mobile-brand{display:block}.login-left{width:100%;min-width:unset;padding:1.5rem 1rem 2.5rem;justify-content:flex-start}.login-left:before{height:2px}.login-box{max-width:100%}.l-hdr h1{font-size:1.55rem}--input-h: 52px;.btn-login{height:52px;font-size:12px;letter-spacing:.25em}.l-forgot{font-size:11px}}@media(max-width:380px){.l-row-ctrl{flex-direction:column;align-items:flex-start;gap:10px}.login-left{padding:1.25rem .875rem 2rem}}
