@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;900&family=Montserrat:wght@400;500;600;700;900&family=Bebas+Neue&family=Orbitron:wght@400;700;900&family=Oswald:wght@400;700&family=Roboto:wght@400;500;700;900&family=Oxanium:wght@400;700;900&family=Permanent+Marker&display=swap";@font-face{font-family:Ethnocentric;src:url(/assets/Ethnocentric-CUdhI-Bb.otf)format("opentype");font-weight:400;font-style:normal}:root{--bg-primary:#0a0f1d;--bg-secondary:#0f172a;--bg-card:#141e3699;--border-color:#ffffff14;--border-glow:#6366f126;--primary:#6366f1;--primary-glow:#6366f133;--primary-hover:#4f46e5;--secondary:#0ea5e9;--secondary-glow:#0ea5e933;--accent:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 100%,#0ea5e914 0,#0000 50%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#6366f166}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#0f162a59;border:1px solid #ffffff14;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26,0 8px 32px #0006}.glass-panel:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff40,0 12px 40px -4px #6366f11f,0 16px 32px -8px #00000080}.glass-input{color:var(--text-primary);background:#080c1880;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0000004d,inset 0 1px 1px #ffffff0d}.glass-input:focus{border-color:var(--primary);background:#080c18bf;box-shadow:inset 0 1px 1px #ffffff0d,0 0 0 3px #6366f140,0 0 20px #6366f126}.glass-input:disabled{opacity:.5;cursor:not-allowed}.btn-primary{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1bf 0%,#4f46e5cc 100%);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.925rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 15px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,#6366f1e6 0%,#4f46e5f2 100%);transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px 2px #fff6,0 8px 25px #6366f166}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.925rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px 1px #ffffff1a}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff3}.btn-danger{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444bf 0%,#be123ccc 100%);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.925rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 15px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#ef4444e6 0%,#be123cf2 100%);transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px 2px #fff6,0 8px 25px #ef444466}.btn-success{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981bf 0%,#047857cc 100%);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.925rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 15px #10b98140}.btn-success:hover{background:linear-gradient(135deg,#10b981e6 0%,#047857f2 100%);transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px 2px #fff6,0 8px 25px #10b98166}@keyframes pulseGlow{0%,to{border-color:#6366f133;box-shadow:0 0 15px #6366f126}50%{border-color:#6366f166;box-shadow:0 0 25px #6366f159}}.pulse-glow{animation:3s infinite pulseGlow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-img{animation:5s ease-in-out infinite float}.switch{width:44px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border-color);background-color:#ffffff14;border-radius:22px;transition:all .25s;position:absolute;inset:0}.slider:before{content:"";background-color:#f1f5f9;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--primary);border-color:#6366f166}input:checked+.slider:before{background-color:#fff;transform:translate(22px)}.container{max-width:1850px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}.settings-grid{grid-template-columns:280px 1fr;gap:32px;min-height:calc(100vh - 120px);margin-top:24px;display:grid}@media (width<=950px){.settings-grid{grid-template-columns:1fr;gap:24px}}.dashboard-container{max-width:1850px!important;margin-left:auto!important;margin-right:auto!important}.preview-layout-container{flex-wrap:nowrap;align-items:flex-start;gap:32px;width:100%;display:flex}@media (width<=1150px){.preview-layout-container{flex-wrap:wrap}}.hero-layout{flex-flow:wrap;justify-content:center;align-items:center;gap:48px;width:100%;margin-top:24px;margin-bottom:24px;display:flex}.hero-left{text-align:center;flex-direction:column;flex:500px;align-items:center;max-width:680px;display:flex}.hero-buttons-container{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:8px;display:flex}.hero-right{flex:450px;width:100%;max-width:580px}@media (width<=950px){.hero-left{text-align:center;flex:100%;align-items:center}.hero-buttons-container{justify-content:center}.hero-right{flex:100%;margin-top:24px}}.selector-layout{grid-template-columns:300px 1fr;align-items:start;gap:32px;margin-top:24px;display:grid}.sidebar-panel{background:#0f172a73;flex-direction:column;gap:24px;padding:24px;display:flex}.server-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.server-card-horizontal{box-sizing:border-box;background:#1e293b4d;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;display:flex}.server-card-horizontal:hover{border-color:var(--primary);background:#1e293b8c;transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f126}.server-info-group{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.server-name-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;text-align:left;margin-bottom:4px;font-size:1.1rem;font-weight:700;overflow:hidden}.server-details-list{color:var(--text-secondary);text-align:left;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.badge-status{border-radius:20px;align-items:center;width:fit-content;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sidebar-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0a;margin-bottom:8px;padding-bottom:8px;font-size:.75rem;font-weight:700}.sidebar-profile{text-align:center;border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:12px;padding-bottom:16px;display:flex}.sidebar-links{flex-direction:column;gap:8px;display:flex}.sidebar-link-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff03;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link-btn:hover{color:#fff;background:#6366f114;border-color:#6366f14d;transform:translate(3px)}@media (width<=950px){.selector-layout{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.server-card-horizontal{flex-direction:column;align-items:stretch;padding:20px}.server-card-horizontal button{justify-content:center;width:100%}.server-info-group{text-align:center;flex-direction:column;align-items:center}.server-name-label{text-align:center}.server-details-list{align-items:center}}.welcome-preview-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:32px;margin-top:10px;display:grid}@media (width<=1024px){.welcome-preview-grid{grid-template-columns:1fr;gap:24px}}.discord-chat-container{color:#dbdee1;box-sizing:border-box;background-color:#313338;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:24px;font-family:gg sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;box-shadow:0 8px 24px #0000004d}.discord-chat-header{background-color:#313338;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 16px;display:flex}.discord-channel-hash{color:#80848e;font-size:1.5rem;font-weight:500;line-height:1}.discord-channel-name{color:#f2f3f5;font-size:1rem;font-weight:600}.discord-channel-divider{background-color:#ffffff1a;width:1px;height:16px}.discord-channel-description{color:#949ba4;font-size:.85rem}.discord-chat-messages{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.discord-message{box-sizing:border-box;gap:16px;width:100%;display:flex}.discord-author-avatar{background-color:#5865f2;border-radius:50%;flex-shrink:0;width:40px;height:40px}.discord-message-content{flex-direction:column;flex-grow:1;gap:4px;width:100%;min-width:0;display:flex}.discord-author-header{align-items:center;gap:8px;display:flex}.discord-author-name{color:#f2f3f5;cursor:pointer;font-size:.95rem;font-weight:500}.discord-author-name:hover{text-decoration:underline}.discord-bot-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#5865f2;border-radius:3px;padding:1px 4px;font-size:.625rem;font-weight:600;line-height:1.2}.discord-message-timestamp{color:#949ba4;font-size:.72rem}.discord-message-text{color:#dbdee1;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.375rem}.discord-mention{color:#c9cdfb;cursor:pointer;background-color:#5865f24d;border-radius:3px;padding:0 4px;font-weight:500;transition:background-color .1s}.discord-mention:hover{color:#fff;background-color:#5865f299}.discord-mention-channel{color:#c9cdfb;cursor:pointer;background-color:#5865f21a;border-radius:3px;padding:0 4px;font-weight:500;transition:background-color .1s,color .1s}.discord-mention-channel:hover{color:#fff;background-color:#5865f24d}.discord-embed{box-sizing:border-box;background-color:#2b2d31;border-left:4px solid #2563eb;border-radius:4px;flex-direction:column;width:100%;min-width:0;max-width:800px;margin-top:8px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0003}.discord-embed-inner{box-sizing:border-box;justify-content:space-between;gap:16px;width:100%;padding:12px 16px;display:flex}.discord-embed-content{flex-direction:column;flex-grow:1;gap:8px;min-width:0;display:flex}.discord-embed-title{color:#fff;font-size:1rem;font-weight:600}.discord-embed-description{color:#dbdee1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;font-size:.875rem;line-height:1.25rem}.discord-embed-thumbnail{object-fit:cover;border-radius:4px;flex-shrink:0;width:80px;height:80px}.discord-embed-image{border-radius:4px;margin:8px 16px 16px;position:relative;overflow:hidden}.discord-attachment-image{border-radius:4px;max-width:800px;margin-top:8px;position:relative;overflow:hidden}.discord-buttons-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.discord-button-link{cursor:pointer;background-color:#4e5058;border-radius:3px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-flex;color:#fff!important;text-decoration:none!important}.discord-button-link:hover{background-color:#6d6f78}.discord-info-banner{color:#eab308;background-color:#eab30814;border:1px solid #eab30833;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;font-size:.85rem;display:flex}.welcome-split-layout{align-items:start;gap:32px;display:flex}.welcome-settings-column{flex-direction:column;flex:1;gap:20px;min-width:0;max-height:calc(100vh - 300px);padding-right:16px;display:flex;overflow-y:auto}.welcome-settings-column::-webkit-scrollbar{width:6px}.welcome-settings-column::-webkit-scrollbar-track{background:0 0}.welcome-settings-column::-webkit-scrollbar-thumb{background:#6366f133;border-radius:8px}.welcome-settings-column::-webkit-scrollbar-thumb:hover{background:#6366f166}.welcome-preview-column{z-index:10;flex:1.3;min-width:0;position:sticky;top:24px}@media (width<=1250px){.welcome-split-layout{flex-direction:column;gap:24px}.welcome-settings-column{max-height:none;padding-right:0;overflow-y:visible}.welcome-preview-column{width:100%;position:static}}.liquid-blob-1{filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:25s ease-in-out infinite alternate float-liquid-1;position:fixed;top:-10%;left:-10%}.liquid-blob-2{filter:blur(100px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);border-radius:50%;width:850px;height:850px;animation:30s ease-in-out infinite alternate float-liquid-2;position:fixed;bottom:-15%;right:-10%}@keyframes float-liquid-1{0%{transform:translate(0)scale(1)}50%{transform:translate(30%,20%)scale(1.25)rotate(90deg)}to{transform:translate(15%,45%)scale(.9)}}@keyframes float-liquid-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-25%,-25%)scale(.85)rotate(-90deg)}to{transform:translate(-10%,-50%)scale(1.1)}}