:root{--dopplyn-bg:#0d0f14;--dopplyn-surface:#141720;--dopplyn-surface-hover:#1b1f2c;--dopplyn-border:#252b3a;--dopplyn-border-strong:#363d4f;--dopplyn-border-focus:#f0a500;--dopplyn-primary:#f0a500;--dopplyn-primary-hover:#fdb722;--dopplyn-primary-active:#d49200;--dopplyn-primary-muted:#f0a50026;--dopplyn-primary-subtle:#f0a50012;--dopplyn-primary-text:#0a0800;--dopplyn-fg:#f5f6f8;--dopplyn-fg-muted:#8892a4;--dopplyn-error:#ef4444;--dopplyn-error-fg:#f87171;--dopplyn-error-bg:#ef44441f;--dopplyn-error-border:#ef44444d;--dopplyn-success:#10b981;--dopplyn-success-fg:#34d399;--dopplyn-success-bg:#10b9811f;--dopplyn-success-border:#10b9814d;--rounded-sm:.375rem;--rounded-md:.5rem;--rounded-lg:.75rem;--rounded-xl:1rem;--rounded-full:9999px;--shadow-sm:0 1px 2px #0009;--shadow-md:0 4px 12px #00000080, 0 1px 3px #00000059;--shadow-lg:0 12px 28px #0009, 0 4px 8px #0006;--shadow-card:0 2px 8px #0006, 0 1px 2px #00000040;--shadow-float:0 8px 24px #0000008c, 0 2px 8px #00000059;--shadow-glow:0 0 24px #f0a5002e, 0 0 8px #f0a5001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dopplyn-bg);color:var(--dopplyn-fg);font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--dopplyn-fg);letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--dopplyn-border);background:#171a21b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-up{animation:.4s ease-out forwards slideUp}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--dopplyn-surface) 0%, var(--dopplyn-surface-hover) 50%, var(--dopplyn-surface) 100%);border-radius:var(--rounded-md);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.skeleton-circle{border-radius:var(--rounded-full)}.auth-logo{font-family:var(--font-outfit), -apple-system, sans-serif;color:var(--dopplyn-fg);align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{border-radius:var(--rounded-md);width:32px;height:32px;color:var(--dopplyn-primary);border:1px solid var(--dopplyn-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.avatar-placeholder{background:linear-gradient(135deg, #f0a50024 0%, var(--dopplyn-surface) 100%);border:1.5px solid var(--dopplyn-primary);color:var(--dopplyn-primary);font-weight:700;font-family:var(--font-outfit), sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dopplyn-border);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--dopplyn-surface-hover)}.status-page{text-align:center;background:var(--dopplyn-bg);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:1.5rem;display:flex}.status-page-glow{pointer-events:none;z-index:0;background:radial-gradient(#f0a50012 0%,#0000 70%);width:520px;height:320px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.status-page>*{z-index:1;position:relative}.status-page-mark{border-radius:var(--rounded-md);background:var(--dopplyn-primary-subtle);border:1px solid var(--dopplyn-primary-muted);width:56px;height:56px;color:var(--dopplyn-primary);font-family:var(--font-outfit), sans-serif;letter-spacing:-.04em;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:1.5rem;font-weight:800;display:flex}.status-page-title{font-family:var(--font-outfit), sans-serif;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700}.status-page-subtitle{color:var(--dopplyn-fg-muted);max-width:360px;margin:0;font-size:.9375rem;line-height:1.55}.status-page-actions{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:.5rem;display:flex}
