* { box-sizing:border-box; margin:0; padding:0; } body { margin:0; padding:0; color:var(--text-primary); background-color:var(--background) !important; font-family:"Montserrat",serif !important; min-height:100vh; font-size:16px; display:flex; align-items:center; justify-content:center; } .logout-container { width:100%; max-width:500px; padding:20px; margin:0 auto; } .logout-header { text-align:center; margin-bottom:24px; } .logo-text { color:var(--text-primary); font-size:24px; font-weight:600; margin:16px 0; display:flex; align-items:center; justify-content:center; } .logo { width:24px; border-radius:8px; margin-right:8px; } .logout-card { background:var(--card-card); padding:24px; border-radius:24px; text-align:center; margin-bottom:16px; box-shadow:0px 1px var(--shadow-blur) 0px var(--accent-shadow); } .logout-message { margin-bottom:24px; } .logout-message strong { font-size:18px; color:var(--text-primary); font-weight:600; } .redirect-timer { font-size:48px; font-weight:700; color:var(--accent-accent); margin-bottom:24px; } .btn-continue { display:inline-block; padding:12px 24px; background:var(--accent-accent); color:var(--button-secondaryFill); text-decoration:none; border-radius:12px; font-weight:600; transition:background 0.2s ease,color 0.2s ease; } .btn-continue:hover { background:var(--accent-secondary) !important; color:var(--button-secondaryFill) !important; } .logout-footer { text-align:center; } .privacy-link { color:var(--text-secondary); text-decoration:none; font-size:14px; display:inline-block; margin-bottom:8px; transition:color 0.2s ease; } .privacy-link:hover { color:var(--text-primary); } @media (max-width:600px) { .logout-container { padding:16px; } .logout-card { padding:20px; } .redirect-timer { font-size:36px; } .logo-text { font-size:20px; } .logo { width:20px; } }@keyframes fadeIn { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }