.home-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.home-container:before{background:radial-gradient(ellipse at center,#1a2a3a 0,transparent 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero{margin-bottom:60px;text-align:center;z-index:1}.hero-logo{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#1a2a3a,#0a1428);border:3px solid #c8aa6e;border-radius:24px;box-shadow:0 0 60px #c8aa6e33,inset 0 0 30px #c8aa6e11;color:#c8aa6e;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;margin:0 auto 30px;width:120px}@keyframes pulse{0%,to{box-shadow:0 0 60px #c8aa6e33,inset 0 0 30px #c8aa6e11}50%{box-shadow:0 0 80px #c8aa6e55,inset 0 0 40px #c8aa6e22}}.hero h1{color:#c8aa6e;font-size:3.5rem;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 40px #c8aa6e44}.hero p{color:#a09b8c;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:500px}.status-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;z-index:1}.status-card{align-items:center;background:linear-gradient(135deg,#1e2328,#0a1428);border:1px solid #3c3c41;border-radius:12px;display:flex;gap:15px;padding:20px 30px;transition:all .3s}.status-card:hover{border-color:#c8aa6e55;transform:translateY(-2px)}.status-dot{background:#f44;border-radius:50%;box-shadow:0 0 10px #f44;height:14px;width:14px}.status-dot.connected{background:#0f8;box-shadow:0 0 10px #0f8}.status-info strong{color:#c8aa6e;display:block;margin-bottom:2px}.status-info span{color:#5c5c5c;font-size:12px}.version{bottom:20px;color:#3c3c41;font-size:12px;position:absolute;right:20px}.champion-left,.champion-right{bottom:0;height:85%;max-height:700px;opacity:.4;pointer-events:none;position:absolute;transition:opacity .3s;z-index:0}.champion-left:hover,.champion-right:hover{opacity:.7}.champion-left{left:-50px}.champion-right{right:-50px}@media (max-width:1200px){.champion-left,.champion-right{height:60%;opacity:.25}.champion-left{left:-100px}.champion-right{right:-100px}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-logo{font-size:32px;height:80px;width:80px}.champion-left,.champion-right{display:none}}