/*
Single Dating Platform
File: login.css
Purpose: Member sign-in experience
Version: 1.0.0
*/
:root{
--single-navy:#0D1B2A;
--single-teal:#1FB5AD;
--single-coral:#FF8A65;
--single-off-white:#F7F9F8;
--single-slate:#304B63;
--single-muted:#647481;
--single-line:#DDE7E7;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.login-page{
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:var(--single-navy);
background:radial-gradient(circle at top left,rgba(31,181,173,.09),transparent 34%),linear-gradient(180deg,#fff 0%,#F7F9F8 100%);
}
.login-shell{min-height:100vh}
.login-header{width:min(1120px,calc(100% - 40px));min-height:84px;margin:0 auto;display:flex;align-items:center}
.login-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.login-heart{width:44px;height:40px;object-fit:contain}
.login-brand-copy{display:flex;flex-direction:column}
.login-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700;letter-spacing:-.04em}
.login-wordmark span{color:var(--single-coral)}
.login-tagline{margin-top:2px;color:var(--single-slate);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.login-main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:66px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:70px;align-items:center}
.login-intro{max-width:620px}
.login-eyebrow,.login-card-kicker{margin:0 0 10px;color:var(--single-teal);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.login-intro h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,74px);line-height:1;letter-spacing:-.05em}
.login-intro>p:last-child{margin:22px 0 0;color:var(--single-slate);font-size:19px;line-height:1.65}
.login-card{padding:34px;border:1px solid var(--single-line);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(13,27,42,.10)}
.login-card-brand{display:flex;align-items:center;gap:13px;margin-bottom:26px}
.login-card-heart{width:42px;height:38px;object-fit:contain}
.login-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:31px}
.login-label{display:block;margin:16px 0 7px;color:var(--single-slate);font-size:13px;font-weight:800}
.login-input{width:100%;min-height:50px;padding:0 14px;border:1px solid #CFE2E1;border-radius:14px;outline:none;background:var(--single-off-white);color:var(--single-navy)}
.login-input:focus{border-color:var(--single-teal);box-shadow:0 0 0 4px rgba(31,181,173,.10)}
.login-button{width:100%;min-height:52px;margin-top:22px;border:0;border-radius:999px;background:var(--single-teal);color:#fff;font-weight:850;cursor:pointer}
.login-button:hover{background:#158E89}
.login-message{min-height:18px;margin:12px 0 0;color:#A44835;font-size:12px}
.login-account-note{margin:18px 0 0;color:var(--single-muted);font-size:13px;text-align:center}
.login-account-note a{color:var(--single-teal);font-weight:800}
@media(max-width:760px){
.login-header{width:min(100% - 24px,1120px)}
.login-main{width:min(100% - 24px,1040px);padding:36px 0 60px;grid-template-columns:1fr;gap:34px}
.login-intro h1{font-size:clamp(46px,14vw,66px)}
.login-intro>p:last-child{font-size:17px}
.login-card{padding:26px}
}


.login-combined-logo{display:block;width:min(250px,62vw);height:auto;object-fit:contain}
.forgot-password-row{margin-top:9px;text-align:right}
.forgot-password-row a{color:var(--single-teal);font-size:13px;font-weight:800;text-decoration:none}
.forgot-password-row a:hover{text-decoration:underline}
.login-main-single{grid-template-columns:minmax(300px,470px);justify-content:center}
.auth-page-heading{margin:0 0 14px;color:var(--single-navy);font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.08;letter-spacing:-.035em}
.auth-page-copy{margin:0 0 22px;color:var(--single-slate);line-height:1.6}
.auth-message{line-height:1.45}
.reset-password-requirements{margin:18px 0;padding:16px 18px 16px 34px;border-radius:14px;background:var(--single-off-white);color:var(--single-slate);font-size:13px}
.reset-password-requirements li{margin:5px 0}