@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-secondary:#ec4899;--color-bg:#0f172a;--color-surface:#1e293bb3;--color-surface-hover:#1e293be6;--color-border:#ffffff1a;--color-text:#f8fafc;--color-text-muted:#94a3b8;--font-family:"Outfit", system-ui, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-glow:0 0 20px #6366f14d;--glass-bg:#0f172a99;--glass-border:1px solid #ffffff14;--glass-blur:blur(16px);--transition-fast:.15s ease-out;--transition-normal:.3s ease-in-out;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0,#6366f126,#0000 40%),radial-gradient(circle at 0 100%,#ec48991a,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px}.btn{padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.landing-container{flex-direction:column;min-height:100vh;display:flex}.header{padding:var(--spacing-4) var(--spacing-8);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.hero{text-align:center;padding:var(--spacing-16) var(--spacing-4);flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:800px;margin:0 auto;display:flex}.hero-badge{color:var(--color-primary);padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-6);background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;font-size:.875rem;font-weight:600}.hero-title{letter-spacing:-.02em;margin-bottom:var(--spacing-6);font-size:4rem;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-8);max-width:600px;font-size:1.25rem}.hero-cta{gap:var(--spacing-4);display:flex}.card{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;display:flex}.input-container{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.input-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.input-field,.textarea-field{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-normal);background:#0f172a66;border-radius:8px;outline:none;font-size:1rem}.input-field:focus,.textarea-field:focus{border-color:var(--color-primary);background:#0f172ab3;box-shadow:0 0 0 2px #6366f133}.input-field::placeholder,.textarea-field::placeholder{color:#94a3b880}.textarea-field{resize:vertical;min-height:100px}.dashboard-container{min-height:100vh;padding:var(--spacing-8) var(--spacing-4);max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.dashboard-grid{gap:var(--spacing-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.form-section,.result-section{gap:var(--spacing-6);flex-direction:column;display:flex}.result-placeholder{height:300px;color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:8px;justify-content:center;align-items:center;display:flex}.generated-text{padding:var(--spacing-4);white-space:pre-wrap;border:1px solid var(--color-border);background:#0f172a66;border-radius:8px;min-height:300px}.loading-skeleton{background:var(--color-surface);height:20px;margin-bottom:var(--spacing-3);border-radius:4px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-container{min-height:100vh;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}.auth-card{text-align:center;width:100%;max-width:440px}.auth-title{margin-bottom:var(--spacing-2);font-size:2rem}.auth-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.auth-form{gap:var(--spacing-4);text-align:left;flex-direction:column;display:flex}.auth-toggle{margin-top:var(--spacing-6);color:var(--color-text-muted);font-size:.875rem}.auth-toggle-btn{color:var(--color-primary);cursor:pointer;margin-left:var(--spacing-1);background:0 0;border:none;font-family:inherit;font-weight:600}.auth-toggle-btn:hover{text-decoration:underline}.auth-error{color:#ef4444;padding:var(--spacing-3);margin-bottom:var(--spacing-6);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;font-size:.875rem}