:root{--uef-color: #3B82F6;--efa-color: #10B981;--not-color: #EC4899;--verde-color: #22C55E;--ashford-color: #F59E0B;--skara-color: #A855F7}.main{padding:7rem 2rem 4rem;max-width:1400px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem}.page-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;justify-items:center;padding:1rem}.faction-card{background:linear-gradient(145deg,#1e1e28f2,#0f0f19fa);border:2px solid var(--faction-primary, var(--primary));border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;max-width:320px;width:100%;box-shadow:0 4px 20px #0006,0 0 20px var(--faction-glow, rgba(139, 92, 246, .2)),inset 0 1px #ffffff1a}.faction-card:hover{transform:translateY(-12px) scale(1.03);border-color:var(--faction-primary, var(--primary));box-shadow:0 25px 60px #00000080,0 0 40px var(--faction-glow, rgba(139, 92, 246, .4)),0 0 80px var(--faction-glow, rgba(139, 92, 246, .2)),inset 0 1px #ffffff26}.faction-card:before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle at top left,var(--faction-glow, rgba(139, 92, 246, .3)) 0%,transparent 50%);pointer-events:none;z-index:1}.card-emblem{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:5rem;background:linear-gradient(180deg,rgba(var(--faction-rgb, 139, 92, 246),.25) 0%,rgba(var(--faction-rgb, 139, 92, 246),.05) 50%,transparent 100%);position:relative;overflow:hidden}.card-emblem:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,var(--faction-glow, rgba(139, 92, 246, .3)) 0%,transparent 70%);pointer-events:none}.card-emblem img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.card-content{padding:1.5rem;position:relative;z-index:2;background:linear-gradient(180deg,#0000004d,#00000080)}.card-name{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.card-motto{color:var(--faction-color, var(--primary));font-size:.9rem;font-style:italic;margin-bottom:1rem;font-weight:500}.card-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.card-stats{display:flex;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.card-stat{font-size:.8rem}.card-stat-label{color:var(--text-secondary)}.card-stat-value{color:var(--faction-color, var(--primary));font-weight:600}.empty-state{text-align:center;padding:4rem;color:var(--text-secondary)}@media (max-width: 768px){.faction-grid{grid-template-columns:1fr}}