@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Inter:wght@400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#171717;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:root{--acc:#c8f135;--bg:#171717;--bg2:#1e1e1e;--bg3:#252525;--tx:#f2f2f0;--mu:#8a8a8a;--br:rgba(255,255,255,.08);--r:12px;--rs:8px}
.rixo-login-body{margin:0;padding:0}
#wpadminbar{display:none!important}
body{margin-top:0!important}

.rl-wrap{display:flex;min-height:100vh;min-height:100dvh}

/* Brand panel */
.rl-brand{flex:0 0 52%;background:var(--bg);position:relative;display:flex;align-items:center;padding:60px;overflow:hidden}
.rl-brand-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(200,241,53,.04)1px,transparent 1px),linear-gradient(90deg,rgba(200,241,53,.04)1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.rl-brand-bg::after{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(200,241,53,.1)0%,transparent 68%);pointer-events:none}
.rl-brand-content{position:relative;z-index:2;max-width:420px}
.rl-logo{display:flex;align-items:baseline;margin-bottom:32px;line-height:1}
.rl-logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:3.2rem;color:var(--tx);letter-spacing:-.03em}
.rl-logo-slash{font-family:'Syne',sans-serif;font-weight:800;font-size:3.2rem;color:var(--acc);font-style:normal;animation:glow 3s ease-in-out infinite}
.rl-logo-app{font-family:'Syne',sans-serif;font-weight:400;font-size:3.2rem;color:#555;letter-spacing:-.01em}
@keyframes glow{0%,100%{text-shadow:0 0 12px rgba(200,241,53,.6),0 0 28px rgba(200,241,53,.3)}50%{text-shadow:0 0 24px rgba(200,241,53,.9),0 0 56px rgba(200,241,53,.5)}}
.rl-tagline{font-family:'Syne',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.28em;color:var(--acc);text-transform:uppercase;margin-bottom:24px}
.rl-headline{font-family:'Syne',sans-serif!important;font-size:2rem!important;font-weight:700!important;line-height:1.25!important;color:var(--tx)!important;margin:0 0 14px!important;padding:0!important;border:none!important}
.rl-headline span{color:var(--acc)}
.rl-sub{font-size:.9rem;color:#666;line-height:1.7;margin-bottom:36px}
.rl-feats{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:48px}
.rl-feats li{display:flex;align-items:center;gap:10px;font-size:.855rem;color:#666}
.rl-dot{width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 7px rgba(200,241,53,.6);flex-shrink:0}
.rl-powered{font-size:.68rem;color:#333;letter-spacing:.1em;text-transform:uppercase}
.rl-powered strong{font-family:'Syne',sans-serif;color:#555}

/* Form panel */
.rl-form-panel{flex:1;background:var(--bg2);border-left:1px solid var(--br);display:flex;align-items:center;justify-content:center;padding:60px 48px}
.rl-form-box{width:100%;max-width:380px}
.rl-mobile-logo{display:none;font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:var(--tx);margin-bottom:24px;line-height:1}
.rl-mobile-logo em{color:var(--acc);font-style:normal}
.rl-mobile-logo .app{font-weight:400;color:#555}
.rl-form-title{font-family:'Syne',sans-serif!important;font-size:1.55rem!important;font-weight:700!important;color:var(--tx)!important;margin:0 0 6px!important;padding:0!important;border:none!important}
.rl-form-sub{font-size:.875rem;color:var(--mu);margin-bottom:28px}
.rl-alert{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:var(--rs);padding:11px 14px;font-size:.85rem;margin-bottom:18px}
.rl-form{display:flex;flex-direction:column;gap:16px}
.rl-field{display:flex;flex-direction:column;gap:5px}
.rl-label{font-size:.72rem;font-weight:600;color:var(--mu);letter-spacing:.05em;text-transform:uppercase}
.rl-input{padding:12px 14px;background:var(--bg3);border:1px solid var(--br);border-radius:var(--rs);font-size:.95rem;color:var(--tx);outline:none;width:100%;transition:border-color .15s,box-shadow .15s;font-family:'Inter',sans-serif;-webkit-appearance:none}
.rl-input::placeholder{color:#444}
.rl-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(200,241,53,.12)}
.rl-pass-wrap{position:relative}
.rl-pass-wrap .rl-input{padding-right:44px}
.rl-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mu);cursor:pointer;font-size:.95rem;padding:4px;line-height:1}
.rl-check{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--mu);cursor:pointer}
.rl-check input{accent-color:var(--acc);width:15px;height:15px}
.rl-btn{padding:14px;background:var(--acc);color:#111;border:none;border-radius:var(--rs);font-size:.95rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:opacity .15s,box-shadow .15s;letter-spacing:.01em}
.rl-btn:hover{opacity:.9;box-shadow:0 0 24px rgba(200,241,53,.35)}
.rl-forgot{text-align:center;font-size:.8rem}
.rl-forgot a{color:var(--acc);text-decoration:none}

/* Responsive */
@media(max-width:860px){
  .rl-wrap{flex-direction:column}
  .rl-brand{flex:none;padding:40px 28px 36px}
  .rl-brand-bg::after{display:none}
  .rl-logo-text,.rl-logo-slash,.rl-logo-app{font-size:2.4rem}
  .rl-headline{font-size:1.6rem!important}
  .rl-feats{display:none}
  .rl-powered{margin-top:0}
  .rl-form-panel{border-left:none;border-top:1px solid var(--br);padding:36px 24px}
}
@media(max-width:480px){
  .rl-brand{padding:32px 20px 28px}
  .rl-form-panel{padding:28px 20px}
  .rl-brand-content{max-width:100%}
  .rl-mobile-logo{display:flex;align-items:baseline;gap:0}
  .rl-logo{display:none}
  .rl-tagline{display:none}
}