:root{--dota-red: #c41e3a;--dota-gold: #d4af37;--dota-dark: #1a1a1a;--dota-darker: #0f0f0f;--dota-gray: #2a2a2a;--dota-light-gray: #4a4a4a;--dota-blue: #2c5aa0;--dota-green: #4a9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--dota-dark) 0%,var(--dota-darker) 100%);color:#fff;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dota-gray)}::-webkit-scrollbar-thumb{background:var(--dota-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a01729}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-primary{background:linear-gradient(135deg,var(--dota-red) 0%,#a01729 100%);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(135deg,#a01729 0%,var(--dota-red) 100%);transform:translateY(-2px);box-shadow:0 8px 16px #c41e3a4d}.btn-primary:disabled{background:var(--dota-light-gray);cursor:not-allowed;transform:none;box-shadow:none}.card{background:#2a2a2ae6;border:1px solid var(--dota-light-gray);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:var(--dota-red);box-shadow:0 8px 32px #c41e3a33;transform:translateY(-4px)}.input-field{background:var(--dota-gray);border:2px solid var(--dota-light-gray);border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:all .3s ease;width:100%}.input-field:focus{outline:none;border-color:var(--dota-red);box-shadow:0 0 0 3px #c41e3a1a}.input-field::placeholder{color:#888}.status-online{background-color:var(--dota-green)}.status-offline{background-color:var(--dota-red)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}.hero-card{position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,30,58,.3),transparent);transition:left .5s ease}.hero-card:hover:before{left:100%}.text-dota-red{color:var(--dota-red)}.text-dota-gold{color:var(--dota-gold)}.text-gradient{background:linear-gradient(135deg,var(--dota-red),var(--dota-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-skeleton{background:linear-gradient(90deg,var(--dota-gray) 25%,var(--dota-light-gray) 50%,var(--dota-gray) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.card{padding:16px}.btn-primary{padding:10px 20px;font-size:14px}.input-field{padding:10px 14px;font-size:14px}}@media print{body{background:#fff;color:#000}.card{border:1px solid #ccc;background:#fff}}