@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0c1a36;--navy-deep: #070f22;--gold: #c9a84c;--gold-light: #e2c97e;--gold-dim: rgba(201,168,76,.35);--white: #ffffff;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.13);--input-bg: rgba(255,255,255,.08);--input-border: rgba(201,168,76,.3);--input-focus: rgba(201,168,76,.65);--text-muted: rgba(255,255,255,.5);--shadow-card: 0 32px 80px rgba(0,0,0,.55)}html,body{height:100%;font-family:DM Sans,sans-serif;background:var(--navy-deep)}.login-wrapper{min-height:100vh;display:flex}.login-left{position:relative;flex:1.15;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;overflow:hidden}.login-left-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:slowzoom 14s ease-in-out infinite alternate;z-index:0}@keyframes slowzoom{0%{transform:scale(1)}to{transform:scale(1.07)}}.login-left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,#070f2273,#070f22c7 55%,#050a19f7);z-index:1}.left-logo-wrap{position:absolute;top:2.75rem;left:3rem;z-index:2;display:flex;align-items:center;gap:.8rem}.left-logo-wrap img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.left-logo-text{font-size:.95rem;font-weight:500;color:#ffffffd9;line-height:1.6;letter-spacing:.02em;max-width:320px;white-space:nowrap}.left-content{position:relative;z-index:2;animation:fadeUp .9s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.left-tag{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);padding:.35rem 1rem;border-radius:2px;margin-bottom:1.3rem}.left-welcome{font-size:1.05rem;font-weight:400;color:var(--gold-light);letter-spacing:.08em;margin-bottom:.4rem;font-style:italic;opacity:.9}.left-content h1{font-family:Playfair Display,serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:.5rem;letter-spacing:.04em}.left-content h1 em{font-style:normal;color:var(--gold-light)}.left-divider{width:38px;height:2px;background:var(--gold);border-radius:2px;margin:1.1rem 0}.left-content p{font-size:1.05rem;font-weight:300;color:var(--text-muted);line-height:1.8;max-width:400px}.login-right{flex:.85;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0e1e3a,#090f22 55%,#05090f);padding:3rem 2.5rem;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 70%);top:-80px;right:-80px;pointer-events:none}.login-right:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(12,26,54,.5) 0%,transparent 70%);bottom:-60px;left:-40px;pointer-events:none}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:3rem 2.75rem;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-card);animation:cardIn .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:2.25rem}.card-logo-wrap img{width:64px;height:64px;object-fit:contain;margin-bottom:1rem;filter:drop-shadow(0 4px 16px rgba(201,168,76,.25))}.card-logo-wrap h2{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:var(--white);text-align:center;line-height:1.3;margin-bottom:.3rem}.card-logo-wrap p{font-size:.92rem;color:var(--text-muted);text-align:center;letter-spacing:.04em}.card-divider{width:100%;height:1px;background:var(--glass-border);margin-bottom:2rem}.form-label-custom{font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;display:block}.form-control-custom{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:.95rem 1.2rem;font-family:DM Sans,sans-serif;font-size:1.05rem;color:var(--white);outline:none;transition:border-color .25s,box-shadow .25s,background .25s;-webkit-appearance:none}.form-control-custom::placeholder{color:#ffffff38;font-weight:300}.form-control-custom:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #c9a84c1f;background:#ffffff1c}.input-icon-wrap{position:relative}.input-icon-wrap .form-control-custom{padding-right:2.75rem}.toggle-password{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;font-size:1rem;line-height:1;transition:color .2s}.toggle-password:hover{color:var(--gold)}.form-check-input-custom{width:16px;height:16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;cursor:pointer;accent-color:var(--gold);flex-shrink:0;margin-top:2px}.form-check-label-custom{font-size:.95rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-link{font-size:.95rem;color:var(--gold);text-decoration:none;font-weight:500;transition:color .2s,opacity .2s;opacity:.85}.forgot-link:hover{color:var(--gold-light);opacity:1;text-decoration:underline}.btn-login{width:100%;padding:1.05rem 1.5rem;background:linear-gradient(135deg,#d4a843,#a87d28);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0c1a36;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 6px 24px #c9a84c4d}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 32px #c9a84c6b;filter:brightness(1.06)}.btn-login:active{transform:translateY(0);box-shadow:0 4px 14px #c9a84c38}.login-footer-text{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:2rem;line-height:1.7}@media(max-width:991.98px){.login-left{display:none}.login-right{flex:1;padding:2rem 1.5rem;background:linear-gradient(160deg,#0c1a36,#070f22)}.login-card{max-width:100%;padding:2.5rem 2rem}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:16px}}
