:root{--background: #121824;--surface: #1f2937;--surface-strong: #0f172a;--primary: #6366f1;--primary-hover: #4f46e5;--text-primary: #f8fafc;--text-secondary: #a0aec0;--border: #334155;--error: #f56565;--success: #48bb78;--shadow-soft: 0 12px 24px -18px rgba(0, 0, 0, .6)}[data-theme=light]{--background: #f1f5f9;--surface: #ffffff;--surface-strong: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--text-primary: #0f172a;--text-secondary: #1f2937;--border: #cbd5e1;--error: #dc2626;--success: #16a34a;--shadow-soft: 0 12px 24px -18px rgba(15, 23, 42, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(1200px 600px at -10% -10%,rgba(56,189,248,.08),transparent 60%),radial-gradient(900px 500px at 110% 0%,rgba(99,102,241,.12),transparent 55%);background-repeat:no-repeat}[data-theme=light] body:before{background-image:radial-gradient(1200px 600px at -10% -10%,rgba(37,99,235,.08),transparent 60%),radial-gradient(900px 500px at 110% 0%,rgba(99,102,241,.08),transparent 55%)}a{color:var(--primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-hover)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface);border-bottom:1px solid var(--border);gap:1rem;flex-wrap:wrap}nav .logo{font-size:1.5rem;font-weight:700}nav .nav-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav-toggle{display:none;width:44px;height:40px;border-radius:8px;border:1px solid var(--border);background:#0f172a99;padding:.5rem;align-items:center;justify-content:center;gap:.25rem;cursor:pointer}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}nav .nav-links a{margin-left:0;font-weight:500}.main{padding:2rem;max-width:1200px;margin:0 auto}.auth-container,.dashboard-section{background-color:var(--surface);padding:2rem;border-radius:8px;box-shadow:var(--shadow-soft);max-width:500px;margin:2rem auto}.dashboard-section{max-width:none;margin-bottom:2rem}h1,h2,h3{margin-bottom:1rem;color:var(--text-primary)}h2{border-bottom:1px solid var(--border);padding-bottom:.5rem}input,textarea,select{width:100%;padding:.75rem;margin-bottom:1rem;background-color:var(--surface-strong);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:1rem}button{width:100%;padding:.75rem;background-color:var(--primary);border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:#4a5568;cursor:not-allowed}.error{color:var(--error);margin-top:1rem}.success{color:var(--success);margin-top:1rem}.server-list,.banner-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.server-card,.banner-item{background-color:var(--background);border:1px solid var(--border);padding:1.5rem;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.server-card:hover,.banner-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.server-card h3,.banner-item img{margin-bottom:1rem}.server-card p{color:var(--text-secondary);margin-bottom:1rem}.banner-item img{max-width:100%;border-radius:4px}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background:var(--surface);padding:2rem;border-radius:8px;width:90%;max-width:600px}@media(max-width:768px){nav{padding:.75rem 1rem}nav .logo{font-size:1.25rem}.nav-toggle{display:inline-flex}nav .nav-links{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:none}nav .nav-links.open{display:flex}.main{padding:1.5rem 1rem}.auth-container,.dashboard-section{padding:1.5rem;margin:1.5rem auto}.server-list,.banner-list{grid-template-columns:1fr}.server-card,.banner-item{box-shadow:0 10px 22px -16px #000000a6}.server-card:hover,.banner-item:hover{transform:none;box-shadow:0 12px 24px -18px #000000b3}body{-webkit-overflow-scrolling:touch}}@media(max-width:480px){nav{align-items:flex-start}nav .nav-links{justify-content:flex-start}.main{padding:1.25rem .75rem}.auth-container,.dashboard-section{padding:1.25rem;border-radius:6px}.modal-content{padding:1.25rem}.server-card,.banner-item{border-radius:10px}}