:root { font-family: Arial, sans-serif; color: #14382d; background: #f5efe6; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #fff 0, #f5efe6 55%, #e7dccb 100%); }
.auth-card { width: min(100%, 440px); padding: 38px; border-radius: 28px; background: rgba(255,255,255,.95); box-shadow: 0 24px 70px rgba(44,54,45,.18); border: 1px solid #e4d7c5; text-align: center; }
.branded-auth-card { position:relative; overflow:hidden; isolation:isolate; }
.login-watermark {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: min(105%, 470px);
    transform: translate(-50%, -50%);
    opacity: 0.14;
    filter: grayscale(1);
    mix-blend-mode: multiply;
    pointer-events: none;
}

.auth-content {
    position: relative;
    z-index: 1;
}
.auth-content { position:relative; z-index:1; }
.wedding-brand { font-size:clamp(1rem,4vw,1.35rem); letter-spacing:.12em; font-weight:800; }
.ring { font-size: 48px; }
.eyebrow { letter-spacing: .2em; font-size: 12px; font-weight: 800; color: #9b7b4d; }
h1 { margin: 8px 0 12px; font-size: 32px; }
.subtitle, .security { color: #66736e; line-height: 1.6; }
form { margin-top: 26px; text-align: right; }
label { display: block; margin-bottom: 8px; font-weight: 700; }
input { width: 100%; padding: 15px 16px; border: 1px solid #cfd8d3; border-radius: 13px; font-size: 18px; direction: ltr; text-align: left; }
input:focus { outline: 3px solid rgba(24,106,81,.15); border-color: #186a51; }
button { width: 100%; margin-top: 14px; padding: 14px; border: 0; border-radius: 13px; background: #165f49; color: white; font-size: 16px; font-weight: 800; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
.secondary { background: transparent; color: #165f49; border: 1px solid #aac3b9; }
.hidden { display: none; }
#message { min-height: 24px; margin: 18px 0 0; font-weight: 700; }
#message.error { color: #aa2d2d; }
#message.success { color: #14704f; }
.security { margin-bottom: 0; font-size: 13px; }