*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:system-ui,-apple-system,sans-serif;background:#F5F0E8}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.preview-card{background:white;border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:0 4px 24px rgba(0,0,0,.08);text-align:center}.preview-logo{font-size:1.75rem;font-weight:700;letter-spacing:.15em;color:#2C2C2C;margin-bottom:.5rem}.preview-tagline{font-size:.85rem;color:#6B8F71;letter-spacing:.05em;margin-bottom:2rem}.preview-card label{display:block;font-size:.8rem;font-weight:600;color:#2C2C2C;text-align:left;margin-bottom:.4rem;letter-spacing:.05em;text-transform:uppercase}.preview-card input[type=password]{width:100%;padding:.75rem 1rem;border:1.5px solid #e0ddd5;border-radius:8px;font-size:1rem;color:#2C2C2C;background:#FAFAF8;outline:none;transition:border-color .2s}.preview-card input[type=password]:focus{border-color:#4A7C59}.preview-error{margin-top:.5rem;font-size:.8rem;color:#c0392b;text-align:left}.preview-card button{margin-top:1.25rem;width:100%;padding:.85rem;background:#4A7C59;color:white;border:none;border-radius:8px;font-size:.95rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background .2s}.preview-card button:hover{background:#3d6849}