.notion-auth-container{background:var(--notion-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.notion-auth-card{flex-direction:column;gap:24px;width:100%;max-width:400px;display:flex}.notion-auth-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.notion-auth-logo{margin-bottom:4px;font-size:38px;line-height:1}.notion-auth-title{color:var(--notion-text);letter-spacing:-.02em;font-size:22px;font-weight:700}.notion-auth-subtitle{color:var(--notion-text-secondary);font-size:13px;line-height:1.4}.notion-auth-tabs{border:1px solid var(--notion-border);border-radius:var(--radius-sm);background:#ffffff0a;gap:3px;padding:3px;display:flex}.notion-auth-tab{text-align:center;border-radius:var(--radius-xs);color:var(--notion-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:7px 12px;font-size:13px;font-weight:500}.notion-auth-tab.active{background:var(--notion-surface-hover);color:var(--notion-text);box-shadow:var(--shadow-card);font-weight:600}.notion-auth-form{background:var(--notion-surface);border:1px solid var(--notion-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:24px;display:flex}.notion-auth-footer{text-align:center;color:var(--notion-text-muted);font-size:12px}