.app{max-width:800px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.app-header{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:2rem}.app-header h1{margin:0;font-size:1.75rem;color:#111827}.subtitle{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.sign-in{max-width:400px}.sign-in h2{margin-top:0}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem}.btn-primary,.btn-secondary{padding:.5rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;margin-top:1rem}.btn-secondary:hover{background-color:#e5e7eb}.hello-response{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1.25rem;margin-bottom:1rem}.hello-response p{margin:.25rem 0}.error{color:#dc2626;font-size:.875rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:#f9fafb;color:#111827;line-height:1.5}