/* ╔════════════════════════════════════════════════════════════╗
   ║  HerşeyPazar Postfixadmin — JANJAN v4 · 2026-05-07           ║
   ║  Logged-in pages contrast fix (Bootstrap 3 dark override)    ║
   ╚════════════════════════════════════════════════════════════╝ */
:root{
  --hp-gold-1:#fbbf24;--hp-gold-2:#f97316;--hp-gold-3:#ef4444;
  --hp-violet:#7c3aed;--hp-cyan:#06b6d4;
  --hp-bg-1:#050816;--hp-bg-2:#0b1020;--hp-bg-3:#111935;
  --hp-card:#0f172a;--hp-card-2:#1e293b;
  --hp-text:#f8fafc;--hp-text-2:#cbd5e1;--hp-muted:#94a3b8;
  --hp-border:rgba(251,191,36,.18);
}

/* ╔════════════════════════════════════════════════════════════╗
   ║  HER YERDE: arka plan + temel text rengi                     ║
   ╚════════════════════════════════════════════════════════════╝ */
html,body{
  margin:0;padding:0;min-height:100vh;
  background:
    radial-gradient(1100px 700px at 12% -10%, rgba(124,58,237,.42), transparent 60%),
    radial-gradient(1000px 800px at 110% 110%, rgba(251,191,36,.36), transparent 55%),
    radial-gradient(900px 700px at 50% 50%, rgba(6,182,212,.18), transparent 60%),
    linear-gradient(135deg, var(--hp-bg-1) 0%, var(--hp-bg-2) 50%, var(--hp-bg-3) 100%) !important;
  background-attachment:fixed !important;
  color:var(--hp-text) !important;
  font-family:'Inter','Segoe UI','SF Pro Display',system-ui,sans-serif !important;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:-50%;
  background:conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(251,191,36,.06) 60deg,
    transparent 120deg, rgba(124,58,237,.06) 180deg,
    transparent 240deg, rgba(6,182,212,.06) 300deg, transparent 360deg);
  animation:hp-rotate 40s linear infinite;
  pointer-events:none;z-index:0;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(220px 220px at 15% 25%, rgba(251,191,36,.20), transparent 70%),
    radial-gradient(280px 280px at 85% 80%, rgba(249,115,22,.18), transparent 70%),
    radial-gradient(180px 180px at 70% 20%, rgba(124,58,237,.18), transparent 70%);
  animation:hp-float 12s ease-in-out infinite alternate;
  filter:blur(40px);
}
@keyframes hp-rotate{to{transform:rotate(360deg)}}
@keyframes hp-float{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(40px,-30px) scale(1.08)}
  100%{transform:translate(-30px,20px) scale(.95)}
}

/* === GENEL TEXT — okuma kontrastı === */
body, body p, body span, body div, body li, body dt, body dd,
body small, body strong, body em, body code, body pre,
body blockquote, body cite, body abbr, body label,
.container, .container-fluid, .row, .col-xs-1, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12,
[class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"]{
  color:var(--hp-text) !important;
}

p, .text-default{color:var(--hp-text-2) !important;line-height:1.6}

small, .text-muted, .help-block, .form-text{
  color:var(--hp-muted) !important;
}

code, pre, kbd, samp{
  background:rgba(11,16,32,.7) !important;
  color:#fbbf24 !important;
  border:1px solid rgba(251,191,36,.2) !important;
  border-radius:6px !important;
  padding:.15em .4em !important;
  font-family:'Fira Code','JetBrains Mono',monospace !important;
}

hr{
  border:none !important;
  border-top:1px solid rgba(251,191,36,.18) !important;
  margin:1.5rem 0 !important;
}

/* ╔════════════════════════════════════════════════════════════╗
   ║  BOOTSTRAP CONTAINERS → DARK GLASSMORPHISM                   ║
   ╚════════════════════════════════════════════════════════════╝ */

/* PANEL (admin sayfalarında kart) */
.panel,
.panel-default,
.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger{
  background:rgba(15,23,42,.55) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  border:1px solid var(--hp-border) !important;
  border-radius:14px !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35),
             0 0 0 1px rgba(255,255,255,.03) inset !important;
  margin-bottom:1.5rem !important;
  color:var(--hp-text) !important;
}
.panel-heading{
  background:linear-gradient(120deg,rgba(251,191,36,.18),rgba(124,58,237,.14)) !important;
  border-bottom:1px solid rgba(251,191,36,.25) !important;
  color:#fbbf24 !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  padding:.95rem 1.2rem !important;
  border-radius:14px 14px 0 0 !important;
}
.panel-title{color:#fbbf24 !important;font-weight:800 !important}
.panel-body{
  background:transparent !important;
  color:var(--hp-text) !important;
  padding:1.25rem 1.4rem !important;
}
.panel-footer{
  background:rgba(11,16,32,.5) !important;
  border-top:1px solid rgba(251,191,36,.15) !important;
  color:var(--hp-text-2) !important;
}

/* WELL (login dışı yerlerde de var) — login için body.page-login üstüne yazıyor */
body:not(.page-login) .well{
  background:rgba(15,23,42,.55) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  border:1px solid var(--hp-border) !important;
  border-radius:14px !important;
  color:var(--hp-text) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
  padding:1.25rem 1.4rem !important;
}

/* List groups */
.list-group{
  background:transparent !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid var(--hp-border) !important;
}
.list-group-item{
  background:rgba(15,23,42,.55) !important;
  border:none !important;
  border-bottom:1px solid rgba(251,191,36,.1) !important;
  color:var(--hp-text) !important;
  padding:.85rem 1.2rem !important;
}
.list-group-item:hover{
  background:rgba(251,191,36,.08) !important;
}
.list-group-item.active,.list-group-item-info{
  background:rgba(251,191,36,.18) !important;
  color:#fbbf24 !important;
  border-color:rgba(251,191,36,.3) !important;
}

/* Definition list (Postfixadmin admin info ekranları) */
dl, dl.dl-horizontal{color:var(--hp-text) !important}
dt{
  color:#fbbf24 !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}
dd{color:var(--hp-text-2) !important;margin-left:0}

/* Modals */
.modal-content{
  background:rgba(15,23,42,.95) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(251,191,36,.3) !important;
  border-radius:18px !important;
  color:var(--hp-text) !important;
}
.modal-header{
  background:linear-gradient(120deg,rgba(251,191,36,.18),rgba(124,58,237,.14)) !important;
  border-bottom:1px solid rgba(251,191,36,.25) !important;
  border-radius:18px 18px 0 0 !important;
}
.modal-title{color:#fbbf24 !important;font-weight:800}
.modal-body{color:var(--hp-text) !important}
.modal-footer{
  background:rgba(11,16,32,.5) !important;
  border-top:1px solid rgba(251,191,36,.15) !important;
}
.modal-backdrop{background:#000 !important;opacity:.7 !important}

/* Dropdowns */
.dropdown-menu{
  background:rgba(15,23,42,.95) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(251,191,36,.3) !important;
  border-radius:12px !important;
  box-shadow:0 12px 35px rgba(0,0,0,.5) !important;
  padding:.4rem 0 !important;
}
.dropdown-menu>li>a{
  color:var(--hp-text) !important;
  padding:.6rem 1rem !important;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{
  background:rgba(251,191,36,.12) !important;
  color:#fbbf24 !important;
}
.dropdown-menu .divider{
  background:rgba(251,191,36,.15) !important;
  height:1px !important;
}

/* Pagination */
.pagination > li > a, .pagination > li > span{
  background:rgba(15,23,42,.6) !important;
  border:1px solid rgba(251,191,36,.2) !important;
  color:var(--hp-text) !important;
}
.pagination > .active > a, .pagination > .active > span{
  background:linear-gradient(120deg,#fbbf24,#f97316) !important;
  border-color:#fbbf24 !important;
  color:#0b1020 !important;
  font-weight:800 !important;
}

/* Tabs */
.nav-tabs{border-bottom:1px solid rgba(251,191,36,.25) !important}
.nav-tabs>li>a{
  color:var(--hp-text-2) !important;
  background:transparent !important;
  border:1px solid transparent !important;
  border-radius:8px 8px 0 0 !important;
  margin-right:4px !important;
}
.nav-tabs>li>a:hover{
  background:rgba(251,191,36,.08) !important;
  color:#fbbf24 !important;
  border-color:rgba(251,191,36,.2) !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover{
  background:rgba(15,23,42,.7) !important;
  border:1px solid rgba(251,191,36,.4) !important;
  border-bottom-color:transparent !important;
  color:#fbbf24 !important;
}

/* Badges + labels */
.badge,.label{
  background:linear-gradient(120deg,rgba(251,191,36,.25),rgba(249,115,22,.2)) !important;
  color:#fbbf24 !important;
  border:1px solid rgba(251,191,36,.35) !important;
  border-radius:8px !important;
  padding:.25em .6em !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}
.label-success,.badge-success{
  background:rgba(34,197,94,.2) !important;
  color:#86efac !important;
  border-color:rgba(34,197,94,.4) !important;
}
.label-danger,.badge-danger{
  background:rgba(239,68,68,.2) !important;
  color:#fca5a5 !important;
  border-color:rgba(239,68,68,.4) !important;
}
.label-warning,.badge-warning{
  background:rgba(251,191,36,.2) !important;
  color:#fcd34d !important;
  border-color:rgba(251,191,36,.4) !important;
}

/* ╔════════════════════════════════════════════════════════════╗
   ║  TABLES                                                       ║
   ╚════════════════════════════════════════════════════════════╝ */
table,.table{
  width:100% !important;
  background:rgba(15,23,42,.55) !important;
  backdrop-filter:blur(12px) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid var(--hp-border) !important;
  color:var(--hp-text) !important;
}
table th,.table th,
table > thead > tr > th,
.table > thead > tr > th{
  background:linear-gradient(120deg,rgba(251,191,36,.20),rgba(124,58,237,.14)) !important;
  color:#fbbf24 !important;
  text-transform:uppercase !important;
  font-size:.74rem !important;
  letter-spacing:.1em !important;
  padding:.95rem 1rem !important;
  border-bottom:1px solid rgba(251,191,36,.3) !important;
  border-top:none !important;
}
table td,.table td,
table > tbody > tr > td,
.table > tbody > tr > td,
.table-striped > tbody > tr > td{
  padding:.85rem 1rem !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  border-top:none !important;
  color:var(--hp-text) !important;
  background:transparent !important;
  vertical-align:middle !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > td,
table tr:nth-child(odd) td{
  background:rgba(11,16,32,.25) !important;
}
table tr:hover td,.table tr:hover td,
.table-hover > tbody > tr:hover > td{
  background:rgba(251,191,36,.08) !important;
  color:#fff !important;
}
.table caption{color:var(--hp-muted) !important}

/* ╔════════════════════════════════════════════════════════════╗
   ║  FORMS                                                        ║
   ╚════════════════════════════════════════════════════════════╝ */
.form-group{margin-bottom:1.1rem !important}

label,.control-label{
  color:#fbbf24 !important;
  font-weight:700 !important;
  font-size:.78rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  margin:0 0 .5rem !important;
  display:block !important;
  text-shadow:0 0 12px rgba(251,191,36,.25);
}

.form-control,
input[type="text"],input[type="password"],input[type="email"],
input[type="number"],input[type="tel"],input[type="url"],
input[type="search"],input[type="date"],
select,textarea{
  background:rgba(11,16,32,.75) !important;
  border:1px solid rgba(148,163,184,.25) !important;
  color:var(--hp-text) !important;
  border-radius:12px !important;
  padding:.85rem 1.1rem !important;
  height:auto !important;
  font-size:.95rem !important;
  transition:all .25s !important;
  box-shadow:none !important;
  width:100% !important;
}
.form-control:focus,
input:focus,select:focus,textarea:focus{
  background:rgba(11,16,32,.92) !important;
  border-color:#fbbf24 !important;
  box-shadow:0 0 0 4px rgba(251,191,36,.18),
             0 0 30px rgba(251,191,36,.4) !important;
  color:#fff !important;
  outline:none !important;
}
.form-control::placeholder,
input::placeholder, textarea::placeholder{
  color:var(--hp-muted) !important;opacity:.7
}
input[type="checkbox"], input[type="radio"]{
  accent-color:#fbbf24 !important;
  width:auto !important;
}

select.form-control, select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M6 8L0 0h12z' fill='%23fbbf24'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 1rem center !important;
  background-size:10px !important;
  padding-right:2.5rem !important;
}
select option{background:#0b1020 !important;color:#f8fafc !important}

/* Input group (Bootstrap addons) */
.input-group{margin-bottom:1rem}
.input-group-addon, .input-group-btn .btn{
  background:rgba(15,23,42,.7) !important;
  border:1px solid rgba(148,163,184,.25) !important;
  color:#fbbf24 !important;
  font-weight:700;
}

/* ╔════════════════════════════════════════════════════════════╗
   ║  BUTTONS                                                      ║
   ╚════════════════════════════════════════════════════════════╝ */
.btn{
  border-radius:11px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  padding:.7rem 1.2rem !important;
  transition:all .3s !important;
  border:none !important;
}
.btn-primary,.btn-default,
button[type="submit"]{
  background:linear-gradient(120deg,#fbbf24 0%,#f97316 50%,#fbbf24 100%) !important;
  background-size:200% 100% !important;
  color:#0b1020 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  box-shadow:0 8px 25px rgba(251,191,36,.32),
             0 0 0 1px rgba(255,255,255,.1) inset !important;
}
.btn-primary:hover,.btn-default:hover,
button[type="submit"]:hover{
  background-position:100% 0 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 40px rgba(251,191,36,.55),
             0 0 38px rgba(249,115,22,.55),
             0 0 0 1px rgba(255,255,255,.18) inset !important;
  color:#0b1020 !important;
}
.btn-success{
  background:linear-gradient(120deg,#22c55e,#16a34a) !important;
  color:#fff !important;
  box-shadow:0 8px 25px rgba(34,197,94,.35) !important;
}
.btn-danger{
  background:linear-gradient(120deg,#ef4444,#b91c1c) !important;
  color:#fff !important;
  box-shadow:0 8px 25px rgba(239,68,68,.35) !important;
}
.btn-warning{
  background:linear-gradient(120deg,#f59e0b,#d97706) !important;
  color:#0b1020 !important;
}
.btn-info{
  background:linear-gradient(120deg,#06b6d4,#0891b2) !important;
  color:#fff !important;
}
.btn-link{color:#fbbf24 !important}
.btn-xs,.btn-sm{padding:.4rem .8rem !important;font-size:.78rem !important}

/* ╔════════════════════════════════════════════════════════════╗
   ║  ALERTS                                                       ║
   ╚════════════════════════════════════════════════════════════╝ */
.alert{
  border-radius:12px !important;
  padding:1rem 1.25rem !important;
  backdrop-filter:blur(10px) !important;
  margin:1rem 0 !important;
  border:1px solid !important;
}
.alert-danger,.alert-error{
  background:linear-gradient(120deg,rgba(239,68,68,.20),rgba(249,115,22,.18)) !important;
  border-color:rgba(239,68,68,.5) !important;
  color:#fecaca !important;
}
.alert-warning{
  background:linear-gradient(120deg,rgba(251,191,36,.20),rgba(249,115,22,.18)) !important;
  border-color:rgba(251,191,36,.5) !important;
  color:#fde68a !important;
}
.alert-info{
  background:linear-gradient(120deg,rgba(6,182,212,.20),rgba(124,58,237,.16)) !important;
  border-color:rgba(6,182,212,.5) !important;
  color:#a5f3fc !important;
}
.alert-success{
  background:linear-gradient(120deg,rgba(34,197,94,.20),rgba(6,182,212,.16)) !important;
  border-color:rgba(34,197,94,.5) !important;
  color:#86efac !important;
}

/* ╔════════════════════════════════════════════════════════════╗
   ║  HEADINGS & LINKS                                             ║
   ╚════════════════════════════════════════════════════════════╝ */
h1,h2,h3,h4,h5,h6{
  background:linear-gradient(120deg,#fbbf24,#f97316) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  margin-top:1.25rem !important;
  margin-bottom:.75rem !important;
}
h4,h5,h6{font-weight:700 !important}

a{color:#fbbf24 !important;text-decoration:none !important;transition:all .2s}
a:hover{color:#f97316 !important;text-shadow:0 0 14px rgba(251,191,36,.5)}
a:focus{outline:2px solid rgba(251,191,36,.5) !important;outline-offset:2px}

/* ╔════════════════════════════════════════════════════════════╗
   ║  NAVBAR (logged-in)                                           ║
   ╚════════════════════════════════════════════════════════════╝ */
body:not(.page-login) .navbar,
body:not(.page-login) nav.navbar-default,
body:not(.page-login) .navbar-fixed-top,
body:not(.page-login) nav.fixed-top{
  background:rgba(11,16,32,.88) !important;
  backdrop-filter:blur(20px) !important;
  border:none !important;
  border-bottom:1px solid rgba(251,191,36,.3) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.4),
             0 0 40px rgba(251,191,36,.08) !important;
}
/* Postfixadmin uses BS4 'fixed-top' class instead of BS3 'navbar-fixed-top' — force fixed positioning */
body:not(.page-login) nav.fixed-top,
body:not(.page-login) .navbar.fixed-top{
  position:fixed !important;
  top:0 !important;left:0 !important;right:0 !important;
  z-index:1030 !important;
}
.navbar-brand,.navbar-brand:hover{
  color:#fbbf24 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-shadow:0 0 18px rgba(251,191,36,.5);
  font-size:1.1rem !important;
}
.navbar-nav>li>a, .nav>li>a{
  color:var(--hp-text) !important;
  transition:all .2s !important;
}
.navbar-nav>li>a:hover, .nav>li>a:hover,
.navbar-nav>li.active>a, .nav>li.active>a,
.navbar-nav>.open>a{
  background:rgba(251,191,36,.12) !important;
  color:#fbbf24 !important;
}
.navbar-toggle{
  background:rgba(251,191,36,.15) !important;
  border:1px solid rgba(251,191,36,.4) !important;
}
.navbar-toggle .icon-bar{background:#fbbf24 !important}

/* Body padding so navbar-fixed-top doesn't overlap */
body:not(.page-login){padding-top:60px !important}

/* ╔════════════════════════════════════════════════════════════╗
   ║  FOOTER                                                       ║
   ╚════════════════════════════════════════════════════════════╝ */
.footer,footer.footer{
  text-align:center !important;
  color:var(--hp-muted) !important;
  font-size:.75rem !important;
  letter-spacing:.06em !important;
  padding:1.5rem 1rem !important;
  margin-top:3rem !important;
  background:transparent !important;
  border-top:1px solid rgba(251,191,36,.15) !important;
}
.footer a, footer.footer a{color:#fbbf24 !important}
.footer a:hover, footer.footer a:hover{
  color:#f97316 !important;
  text-shadow:0 0 15px rgba(251,191,36,.5);
}

/* Sticky content z-index */
.container,.container-fluid,header,footer,nav,
.panel,.well,.modal,table,.alert{position:relative;z-index:1}

/* ╔════════════════════════════════════════════════════════════╗
   ║  LOGIN SAYFASI ÖZEL — body.page-login (v3 ile aynı)          ║
   ╚════════════════════════════════════════════════════════════╝ */

body.page-login .navbar,
body.page-login nav.navbar-default,
body.page-login .navbar-fixed-top,
body.page-login nav.fixed-top{display:none !important}
body.page-login{
  display:flex !important;align-items:center !important;justify-content:center !important;
  min-height:100vh !important;padding:2rem 1rem !important;
}
body.page-login > .container{
  width:100% !important;max-width:560px !important;min-width:0 !important;
  position:relative;z-index:2;margin:0 auto !important;
}
body.page-login > .container > br{display:none !important}
body.page-login h2.h2{display:none !important}
body.page-login #login{padding:0 !important;background:transparent !important;width:100% !important}

body.page-login .well{
  position:relative !important;
  background:rgba(15,23,42,.6) !important;
  backdrop-filter:blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(160%) !important;
  border:1px solid rgba(251,191,36,.4) !important;
  border-radius:24px !important;
  padding:2.75rem 2.5rem 2.5rem !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 80px rgba(251,191,36,.22),
    0 0 130px rgba(124,58,237,.16) !important;
  animation:hp-card-glow 4s ease-in-out infinite alternate !important;
  margin:0 !important;
  display:flex !important;flex-direction:column !important;
}
@keyframes hp-card-glow{
  from{box-shadow:0 30px 80px rgba(0,0,0,.6),
                  0 0 0 1px rgba(255,255,255,.04) inset,
                  0 0 60px rgba(251,191,36,.18),
                  0 0 100px rgba(124,58,237,.12)}
  to  {box-shadow:0 30px 80px rgba(0,0,0,.6),
                  0 0 0 1px rgba(255,255,255,.08) inset,
                  0 0 100px rgba(251,191,36,.42),
                  0 0 150px rgba(249,115,22,.28)}
}
body.page-login .well::before{
  content:"HERŞEYPAZAR";order:-2;
  display:block;
  font-size:clamp(1.9rem, 5.5vw, 3.2rem);
  font-weight:900;letter-spacing:.16em;text-align:center;
  margin:0 0 .35rem;
  background:linear-gradient(120deg,#fbbf24 0%,#f97316 30%,#ef4444 50%,#f97316 70%,#fbbf24 100%);
  background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 30px rgba(251,191,36,.7))
         drop-shadow(0 0 55px rgba(249,115,22,.45));
  animation:hp-shimmer 4s ease-in-out infinite,
            hp-glow 2.5s ease-in-out infinite alternate;
}
body.page-login .well::after{
  content:"✦  M A İ L   K O N T R O L   P A N E L İ  ✦";order:-1;
  display:block;text-align:center;
  font-size:.72rem;letter-spacing:.45em;font-weight:700;
  color:#fbbf24;opacity:.92;
  margin:.4rem 0 1.75rem;
  text-shadow:0 0 25px rgba(251,191,36,.7),0 0 50px rgba(249,115,22,.35);
  animation:hp-pulse 2.4s ease-in-out infinite;
}
body.page-login .well > *{order:1}
@keyframes hp-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes hp-glow{
  from{filter:drop-shadow(0 0 25px rgba(251,191,36,.55)) drop-shadow(0 0 40px rgba(249,115,22,.35))}
  to{filter:drop-shadow(0 0 50px rgba(251,191,36,.95)) drop-shadow(0 0 75px rgba(249,115,22,.55))}
}
@keyframes hp-pulse{
  0%,100%{opacity:.72;letter-spacing:.45em}
  50%{opacity:1;letter-spacing:.5em}
}

body.page-login #login a[href="users/"]{
  color:#fbbf24 !important;text-decoration:none !important;
  font-size:.85rem !important;letter-spacing:.05em !important;
  display:inline-block !important;margin-top:1.25rem !important;
  padding:.6rem 1.2rem !important;
  border:1px solid rgba(251,191,36,.3) !important;
  border-radius:10px !important;
  background:rgba(15,23,42,.5) !important;
  backdrop-filter:blur(10px) !important;transition:all .25s !important;
}
body.page-login #login a[href="users/"]:hover{
  background:rgba(251,191,36,.15) !important;
  border-color:#fbbf24 !important;
  text-shadow:0 0 18px rgba(251,191,36,.6);
  transform:translateY(-1px);
}

body.page-login footer.footer{
  text-align:center !important;color:var(--hp-muted) !important;
  font-size:.72rem !important;letter-spacing:.06em !important;
  padding:1.5rem 1rem !important;margin-top:2rem !important;
  background:transparent !important;border:none !important;
}