:root{--background-color: #313338;--card-background-color: #2b2d31;--text-color-primary: #f2f3f5;--text-color-secondary: #b5bac1;--button-color: #5865f2;--button-hover-color: #4752c4;--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color-primary);display:flex;justify-content:center;align-items:center}.invite-card{background-color:var(--card-background-color);border-radius:8px;width:420px;max-width:90%;padding:24px;box-sizing:border-box;text-align:center;box-shadow:0 8px 16px #0000003d}.invite-card .invite-info{font-size:14px;font-weight:500;color:var(--text-color-secondary);margin-bottom:20px;text-transform:uppercase}.invite-card .group-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--button-color);color:#fff;font-size:48px;font-weight:700;display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.invite-card .group-name{font-size:20px;font-weight:600;margin-bottom:24px}.invite-card .group-name .group-id{font-weight:700}.invite-card .accept-button{width:100%;padding:12px 0;border:none;border-radius:4px;background-color:var(--button-color);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .17s ease}.invite-card .accept-button:hover{background-color:var(--button-hover-color)}.invite-card .accept-button:disabled{background-color:#555;cursor:not-allowed}