:root{--bg-deep: #3c3d52;--bg-mid: #2f3146;--bg-card: #1d1f2d;--text-soft: rgba(225, 231, 239, .7);--stroke-soft: rgba(255, 255, 255, .08)}body{background:radial-gradient(1200px circle at 15% 0%,#57608f 0%,transparent 60%),radial-gradient(900px circle at 85% 10%,#3f476a 0%,transparent 55%),linear-gradient(160deg,#3c3d52,#2b2d40);color:#e7ecf5;font-family:Poppins,sans-serif;min-height:100vh}#root{min-height:100vh}.text-soft{color:var(--text-soft)}.soft-panel{background:#181a28cc;border:1px solid var(--stroke-soft);box-shadow:0 18px 50px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.field{background:#0f111e99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;color:#f7f8ff;width:100%}.field:focus{outline:2px solid rgba(255,209,102,.6)}.server-card{background:var(--bg-card);border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .2s ease}.server-card:hover{transform:translateY(-2px)}.server-card__cover{position:relative;height:140px;background:linear-gradient(140deg,#ffd1664d,#8ecae640);background-size:cover;background-position:center}.server-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2}.server-card__body{padding:18px}.badge{font-size:10px;font-weight:700;color:#111;padding:4px 8px;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,209,102,.6);outline-offset:2px}::selection{background:#ffd1664d}