| .min-h-screen { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| padding: 8vh 16px 16px; | |
| background: linear-gradient(160deg, var(--background-fill-primary), var(--background-fill-secondary)); | |
| } | |
| .min-h-screen > .column.panel { | |
| width: 100%; | |
| max-width: 420px; | |
| gap: 14px; | |
| padding: 28px 24px; | |
| border: 1px solid var(--border-color-primary); | |
| border-radius: 20px; | |
| background: var(--background-fill-secondary); | |
| box-shadow: 0 8px 30px rgba(15, 23, 42, 0.14); | |
| } | |
| .min-h-screen h2 { | |
| margin: 0; | |
| font-size: 0.8rem; | |
| font-weight: 700; | |
| letter-spacing: 0.05em; | |
| text-transform: uppercase; | |
| opacity: 0.6; | |
| } | |
| .login-intro { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 4px; | |
| } | |
| .login-intro strong { | |
| font-size: 1.6rem; | |
| letter-spacing: -0.01em; | |
| } | |
| .login-intro span { | |
| font-size: 0.95rem; | |
| opacity: 0.75; | |
| } | |
| .min-h-screen input { | |
| min-height: 44px; | |
| font-size: 1rem; | |
| } | |
| .min-h-screen button.primary { | |
| min-height: 52px; | |
| font-size: 1.05rem; | |
| font-weight: 600; | |
| border: 0; | |
| color: #fff; | |
| background: linear-gradient(135deg, #6366f1, #7c3aed); | |
| box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35); | |
| } | |