:root{--background: #ffffff;--foreground: #020617;--muted: #64748b;--muted-foreground: #94a3b8;--border: #e2e8f0;--input: #e2e8f0;--primary: #0f172a;--primary-foreground: #ffffff;--secondary: #f8fafc;--secondary-foreground: #0f172a;--destructive: #ef4444;--radius: .5rem;--radius-pill: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;min-height:100vh}.landing-container{max-width:800px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}h1{font-family:Playfair Display,serif;font-size:2.75rem;font-weight:700;color:var(--primary);margin-bottom:1rem;letter-spacing:-.01em}.subtitle{font-size:1.125rem;color:var(--muted);margin-bottom:2rem;max-width:600px}.brand-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--primary)}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-family:inherit;font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.textarea{min-height:150px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s;border:none;text-decoration:none;font-family:inherit}.btn-pill{border-radius:var(--radius-pill);padding:.75rem 2rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--primary)}.btn-outline:hover{background-color:var(--secondary)}.btn-ghost{background-color:transparent;color:var(--muted)}.btn-ghost:hover{background-color:var(--secondary);color:var(--primary)}.app-header{width:100%;padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-logo{font-weight:800;font-size:1.125rem;display:flex;align-items:center;gap:.75rem}.header-logo .sep{color:var(--border);font-weight:400}.header-logo .sub{color:var(--muted-foreground);font-weight:400}.nav-links{display:flex;gap:1.5rem}.nav-link{font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loader{width:40px;height:40px;border:3px solid var(--secondary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.text-muted{color:var(--muted)}.link{color:var(--primary);text-decoration:underline;cursor:pointer}@media(max-width:640px){h1{font-size:2rem}.subtitle{font-size:1rem}.landing-container{padding:1rem}}