/* Legion Premium Pass 13 - Authentication, UCP & Connect */
:root{--l13-bg:#07100f;--l13-panel:rgba(11,23,21,.82);--l13-panel2:rgba(16,30,27,.94);--l13-line:rgba(202,165,72,.22);--l13-gold:#d8b45b;--l13-fel:#55e39a;--l13-fel2:#1ebd72;--l13-text:#f2f4ef;--l13-muted:#9ba9a3;--l13-shadow:0 24px 70px rgba(0,0,0,.38)}
body{background:radial-gradient(circle at 50% -10%,rgba(49,144,96,.12),transparent 34%),#050b0a;color:var(--l13-text)}
/* Premium page shell */
#page-page{background:linear-gradient(180deg,#07100f 0%,#081210 48%,#050a09 100%)!important;min-height:65vh}
#page-page>.justify-content-center>.container{max-width:1240px}
/* Auth / generic forms */
#page-page form,.page form,.ucp form,.login form,.register form{background:linear-gradient(145deg,rgba(19,32,29,.88),rgba(7,14,13,.92));border:1px solid var(--l13-line);border-radius:22px;padding:34px;box-shadow:var(--l13-shadow);backdrop-filter:blur(14px)}
#page-page label{color:#dfe8e3;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
#page-page input,#page-page select,#page-page textarea,.page input,.page select,.page textarea{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:12px!important;min-height:48px;padding:.72rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.25s ease}
#page-page input:focus,#page-page select:focus,#page-page textarea:focus{border-color:rgba(85,227,154,.65)!important;box-shadow:0 0 0 .2rem rgba(85,227,154,.09),0 0 28px rgba(85,227,154,.08)!important;outline:0}
#page-page button[type=submit],#page-page .btn-primary,.page .btn-primary{border:1px solid rgba(216,180,91,.45)!important;border-radius:11px!important;background:linear-gradient(135deg,#d8b45b,#9b762e)!important;color:#10120f!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.85rem 1.35rem;box-shadow:0 12px 28px rgba(216,180,91,.13);transition:.25s ease}
#page-page button[type=submit]:hover,#page-page .btn-primary:hover,.page .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 38px rgba(216,180,91,.22)}
/* UCP cards */
#page-page .card,.page .card{background:linear-gradient(145deg,rgba(18,31,28,.92),rgba(8,15,14,.96));border:1px solid rgba(255,255,255,.075);border-radius:18px;color:var(--l13-text);box-shadow:0 18px 50px rgba(0,0,0,.24);overflow:hidden}
#page-page .card-header,.page .card-header{background:linear-gradient(90deg,rgba(85,227,154,.08),rgba(216,180,91,.05));border-bottom:1px solid rgba(255,255,255,.07);color:#f4e4b5;font-weight:800;letter-spacing:.05em}
#page-page .table,.page .table{--bs-table-bg:transparent;--bs-table-color:#dfe8e3;border-color:rgba(255,255,255,.07)}
#page-page .table thead th{color:#b9c8c1;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--l13-line)}
#page-page .table tbody tr{transition:.2s ease}
#page-page .table tbody tr:hover{background:rgba(85,227,154,.045);transform:translateX(2px)}
/* Connect page */
.legion-connect-hero{position:relative;min-height:430px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,9,8,.92),rgba(3,9,8,.35)),url('../images/banners/realmlist.webp') center/cover no-repeat;border-bottom:1px solid var(--l13-line);overflow:hidden}
.legion-connect-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#07100f)}
.legion-connect-hero .container{position:relative;z-index:1}
.legion-eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--l13-fel);font-weight:800;margin-bottom:14px}
.legion-connect-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.92;font-weight:900;letter-spacing:-.055em;max-width:720px;margin:0 0 22px}
.legion-connect-hero p{max-width:640px;color:#b7c4be;font-size:1.05rem;line-height:1.8}
.legion-connect-grid{margin-top:-55px;position:relative;z-index:2}
.legion-step{height:100%;padding:28px;border:1px solid rgba(216,180,91,.16);background:linear-gradient(145deg,rgba(18,31,28,.94),rgba(7,14,13,.96));border-radius:20px;box-shadow:var(--l13-shadow);transition:.3s ease}
.legion-step:hover{transform:translateY(-7px);border-color:rgba(85,227,154,.35);box-shadow:0 28px 70px rgba(0,0,0,.45)}
.legion-step-number{font-size:.7rem;letter-spacing:.15em;color:var(--l13-gold);font-weight:900}
.legion-step-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(85,227,154,.08);border:1px solid rgba(85,227,154,.22);color:var(--l13-fel);font-size:1.25rem;margin:18px 0}
.legion-step h3{font-size:1.15rem;font-weight:800;margin-bottom:10px}.legion-step p{color:var(--l13-muted);line-height:1.7;font-size:.92rem}
.legion-realmlist{margin-top:70px;padding:50px;border-radius:26px;background:linear-gradient(120deg,rgba(216,180,91,.09),rgba(85,227,154,.05)),url('../images/banners/realmlist.webp') center/cover;border:1px solid rgba(216,180,91,.2);box-shadow:var(--l13-shadow)}
.legion-realmlist code{display:inline-block;padding:14px 18px;border-radius:12px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.1);color:#dff8e9;font-size:1rem}
/* Auth visual enhancement */
#page-page .form-control::placeholder{color:#65736e!important}
.alert{border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;color:#dce6e1!important}
/* profile/armory details */
.legion-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(85,227,154,.06);border:1px solid rgba(85,227,154,.15);color:#cfe9dc;font-size:.8rem;font-weight:700}
/* Mobile */
@media(max-width:767px){#page-page form{padding:22px}.legion-connect-hero{min-height:390px}.legion-connect-grid{margin-top:-35px}.legion-realmlist{padding:30px 22px}.legion-realmlist code{font-size:.82rem;word-break:break-all}.legion-step{padding:23px}}