@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg-primary:#051a12;--color-bg-secondary:#0d261c;--color-bg-tertiary:#163326;--color-bg-card:#0d261c;--color-accent-primary:#00ffd5;--color-accent-secondary:#4ade80;--color-accent-hover:#70ffe0;--color-highlight:#ffb700;--color-highlight-hover:#ffdb4d;--color-text-primary:#f0fff4;--color-text-secondary:#a3c2b0;--color-text-muted:#6b8f7d;--color-success:#00e676;--color-error:#ff5252;--color-warning:#ffab00;--color-info:#00b0ff;--color-border:#1f4033;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009;--shadow-glow:0 0 25px #00ffd526;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-heading:"Cinzel",serif;--font-body:"Inter",sans-serif;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);background-image:radial-gradient(circle at 50% -20%,#00ffd526 0%,#0000 50%),radial-gradient(circle,#0000 0%,#020a07cc 100%),linear-gradient(#051a12 0%,#0a2319 100%),repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff03 10px 20px);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{letter-spacing:.02em;font-size:2.5rem}h2{letter-spacing:.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.container-wide{width:100%;max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.card{border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d261c99 linear-gradient(135deg,#ffffff05 0%,#0000 50%,#00000005 100%);border:1px solid #ffffff1a}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--color-accent-primary);transform:translateY(-2px)}.button-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:var(--color-bg-primary);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;border:none;font-size:.95rem;font-weight:700;display:inline-flex}.button-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow);background:linear-gradient(135deg,var(--color-accent-hover),var(--color-accent-primary));color:var(--color-bg-primary);transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.button-secondary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-accent-primary);font-family:var(--font-body);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em;background:0 0;font-size:.95rem;font-weight:600;display:inline-flex}.button-secondary:hover{background:var(--color-accent-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.button-secondary:active{transform:translateY(0)}.button-danger{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:#fff;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em;background:#dc2626;border:1px solid #b91c1c;font-size:.95rem;font-weight:600;display:inline-flex}.button-danger:hover{background:#b91c1c;border-color:#991b1b;transform:translateY(-2px);box-shadow:0 0 20px #dc26264d}.button-danger:active{transform:translateY(0)}.badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.badge-accent{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:#00d4ff1a}.badge-success{color:var(--color-success);border-color:var(--color-success);background:#4caf501a}.badge-error{color:var(--color-error);border-color:var(--color-error);background:#f443361a}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#251d18b3;border:1px solid #ffffff1a}.status-online{background:var(--color-success);width:10px;height:10px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s infinite pulse;display:inline-block}.status-offline{background:var(--color-error);border-radius:50%;width:10px;height:10px;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);transition:all var(--transition-fast);font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 3px #00d4ff1a}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.container,.container-wide{padding:0 var(--spacing-md)}}@media (max-width:480px){html{font-size:13px}h1{font-size:1.75rem}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}.spinner{border:4px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}