:root{color-scheme:dark;--nav-offset: 96px;--center-max: 1120px;--bg: #0a0a0a;--fg: #f8f9fa;--fg-secondary: #aaa;--accent: #e53e3e;--accent-hover: #d53e3e}html,body,#root{height:100%}body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:9999px}.App,.App-header{background:transparent!important;min-height:auto!important}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.card{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input{width:100%;padding:.75rem 1rem;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fff;outline:none}.input:focus{border-color:#fff6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;border-radius:.75rem;transition:background-color .2s ease,opacity .2s ease;box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000040;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:#ffffff0d;color:var(--fg-secondary);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-outline:hover:not(:disabled){background:#ffffff1a}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem}.app-main{min-height:100vh;padding:var(--nav-offset) 1rem 4rem;display:grid}.app-main>:not(.no-center){width:min(var(--center-max),100%);margin:0 auto;box-sizing:border-box}.no-center{width:100%!important;max-width:none!important}