@layer components{.oauth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:radial-gradient(1200px 600px at 50% -10%, #1b1838 0%, #100d24 45%, #0a0817 100%)}.oauth-card{width:100%;max-width:440px;background:#100a1d;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2rem;box-shadow:0 20px 60px -20px rgba(0,0,0,.8)}.oauth-title{color:#fff;font-size:24px;font-weight:600;margin:0}@media(width >= 768px){.oauth-title{font-size:28px}}@media(width >= 1300px){.oauth-title{font-size:32px}}.oauth-subtitle{color:#fff;font-size:12.8px;font-weight:600;margin-top:8px}.oauth-subtitle a{color:#00d0ff;text-decoration:none}.oauth-subtitle a:hover{text-decoration:underline}@media(width >= 768px){.oauth-subtitle{font-size:12px}}@media(width >= 1300px){.oauth-subtitle{font-size:16px}}.oauth-card__scopes{margin-top:1rem}.oauth-card__scopes p{color:hsla(0,0%,100%,.7);font-size:12.8px;font-weight:600;letter-spacing:1px;margin:0}.oauth-card__scopes ul{margin:.5rem 0 0;padding-left:1.25rem;color:#00d0ff;font-size:14px}.oauth-card__error{color:#fca5a5;font-size:14px;line-height:1.5;margin-top:.5rem}.oauth-card__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;border-radius:10px;border:none;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:opacity .2s}.oauth-btn:hover{opacity:.9}.oauth-btn--primary{background:var(--btn-cta-gradient);color:var(--btn-cta-text);box-shadow:var(--btn-cta-shadow)}.oauth-btn--secondary{background:var(--btn-shaded-bg);color:var(--btn-shaded-text);border:1px solid var(--btn-shaded-border)}.oauth-btn--secondary:hover{color:var(--btn-shaded-active-text);border-color:var(--btn-shaded-active-border);background:var(--btn-shaded-active-bg)}}