:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-background-dark: #0f172a;--color-text-light: #f8fafc;--color-text-muted: #94a3b8;--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background-dark);color:var(--color-text-light);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}html{scrollbar-color:#94a3b8 #e2e8f0;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#e2e8f0}*::-webkit-scrollbar-thumb{border:2px solid #e2e8f0;border-radius:999px;background:#94a3b8}*::-webkit-scrollbar-thumb:hover{background:#64748b}@media (forced-colors: active){html{scrollbar-color:auto}}a{text-decoration:none;color:inherit}.resize-none{resize:none}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background-dark);color:var(--color-text-light);gap:15px}.spinner{width:48px;height:48px;border:5px solid rgba(255,255,255,.1);border-radius:50%;border-left-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;background-color:var(--color-background-dark)}.error-container h1{font-family:var(--font-title);font-size:80px;font-weight:800;background:linear-gradient(135deg,#f43f5e,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.error-container h2{font-family:var(--font-title);font-size:24px;margin-bottom:15px}.error-container p{color:var(--color-text-muted);max-width:400px;margin-bottom:25px;font-size:16px}.btn-action{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:30px;font-weight:600;font-family:var(--font-title);transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.btn-action:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.landing-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(236,72,153,.15),transparent 40%),#090d16;padding:20px}.landing-card{background:#0f172a99;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 30px;border-radius:24px;text-align:center;max-width:500px;width:100%;box-shadow:0 20px 40px #0006}.landing-title{font-family:var(--font-title);font-size:42px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.landing-subtitle{color:var(--color-text-muted);font-size:16px;line-height:1.5;margin-bottom:30px}.landing-buttons{display:flex;flex-direction:column;gap:12px}.btn-landing{padding:14px 28px;border-radius:12px;font-family:var(--font-title);font-weight:600;transition:all .2s ease;font-size:16px}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}
