/* The page uses one viewport: header, flexible content and compact footer. */
html:has(.landing-page){height:100%;overflow:hidden}
.landing-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}
.landing-page .landing-top{position:relative;z-index:3;min-height:54px;padding:12px 28px 0}
.landing-page .landing-language{position:absolute;inset-inline-end:28px;top:12px;padding:0;z-index:4}
.landing-page .featured-profiles{margin:0 auto;max-width:1600px;padding:0}
.landing-page .featured-heading{min-height:38px;margin-bottom:6px;padding-inline-end:210px}
.landing-page .featured-heading h2{font-size:14px}
.landing-page .featured-heading p{font-size:10px;margin:0}
.landing-page .featured-label>.material-icons{width:32px;height:32px;border-radius:11px;font-size:19px}

.landing-page .featured-window{padding:4px 1px 8px}
.landing-page .featured-card{width:222px;padding:8px 12px;border-radius:14px;gap:10px}
.landing-page .featured-portrait{width:42px;height:42px;border-radius:12px}
.landing-page .featured-person strong{font-size:12px}
.landing-page .split-layout{min-height:0;height:100%;width:100%;overflow:hidden;align-items:stretch;gap:0}
.landing-page .info-panel{padding:12px 28px;min-width:0}
.landing-page .hero-panel{padding:14px 12px;min-width:0}
.landing-page .info-hero{height:100%;min-height:0;max-height:620px}
.landing-page .info-hero-img{max-height:100%;width:100%;object-fit:contain;animation:none}
.landing-page .info-headline{font-size:clamp(26px,2.5vw,42px);line-height:1.15;margin-bottom:16px}
.landing-page .info-logo{margin-bottom:18px}
.landing-page .info-subtitle{font-size:13px;margin-bottom:22px}
.landing-page .auth-panel{width:420px;min-width:360px;padding:10px 24px 10px 14px;min-height:0}
.landing-page .glass-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca0a3 transparent;animation:none;min-height:0}
.landing-page .card-content{padding:18px 20px}
.landing-page .brand{margin-bottom:12px}
.landing-page .brand h2{font-size:21px;line-height:1.3}
.landing-page .brand p{font-size:12px;margin-top:3px}
.landing-page .auth-tabs{margin-bottom:14px}
.landing-page .auth-tab{padding:8px 10px;min-height:36px}
.landing-page .input-group{margin-bottom:12px}
.landing-page .input-group input{padding-top:11px;padding-bottom:11px;font-size:13px}
.landing-page .btn-primary{padding:11px 16px;font-size:13px}
.landing-page .forgot-password-link{margin:5px auto 0;padding:4px 10px}
.landing-page .captcha-area{margin:8px 0 0;gap:4px}
.landing-page .captcha-status{font-size:11px}
.landing-page .divider{margin:12px 0}
.landing-page .btn-google{padding:10px 14px;font-size:13px}
.landing-page .auth-footer{margin-top:12px;padding-top:10px}
.landing-page .auth-footer p{font-size:12px}
.landing-page .landing-footer{position:relative;z-index:2;padding:9px 24px 8px;background:#ffffff70}
.landing-page .landing-container{max-width:1500px;width:100%}
.landing-page .footer-content{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.landing-page .footer-left{flex-direction:row;align-items:center;gap:18px;min-width:0}
.landing-page .footer-brand{gap:7px}
.landing-page .footer-logo{width:23px;height:23px}
.landing-page .footer-brand-text{font-size:13px}
.landing-page .footer-links{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 14px}
.landing-page .footer-links a,.landing-page .footer-copy{font-size:10px;line-height:1.4}
.landing-page .footer-right{text-align:end}
.landing-page .footer-signature{margin:4px 0 0;line-height:1.2}
.landing-page .footer-credit{font-size:10px}
.landing-page .seo-language-links{padding:4px 0 0;gap:4px 14px;font-size:10px;line-height:1.3}
@media(max-width:1100px){
 .landing-page .hero-panel{display:none}
 .landing-page .info-panel{flex:1}
 .landing-page .auth-panel{width:440px;min-width:360px}
}
@media(max-width:860px){
 .landing-page .landing-top{padding:9px 14px 0;min-height:48px}
 .landing-page .landing-language{top:9px;inset-inline-end:14px}
 .landing-page .language-picker{min-width:130px;max-width:140px;height:34px}
 .landing-page .featured-heading{padding-inline-end:146px;min-height:34px}
 .landing-page .featured-label{gap:6px}
 .landing-page .featured-label>.material-icons,.landing-page .featured-heading p{display:none}
 .landing-page .featured-heading h2{font-size:11px;line-height:1.2}
 
 .landing-page .featured-card{width:196px;padding:6px 10px}
 .landing-page .featured-portrait{width:34px;height:34px;border-radius:10px}
 .landing-page .featured-person strong{font-size:11px}
 .landing-page .featured-person small{font-size:9px}
 .landing-page .split-layout{flex-direction:row;align-items:center;justify-content:center}
 .landing-page .info-panel{display:none}
 .landing-page .auth-panel{width:100%;min-width:0;height:100%;padding:8px 14px}
 .landing-page .glass-card{max-width:440px;border-radius:20px}
 .landing-page .card-content{padding:16px}
 .landing-page .landing-footer{padding:7px 14px}
 .landing-page .footer-content{justify-content:center}
 .landing-page .footer-brand,.landing-page .footer-right{display:none}
 .landing-page .footer-left{justify-content:center;width:100%}
 .landing-page .footer-links{gap:3px 10px}
 .landing-page .footer-links a{font-size:9px}
 .landing-page .seo-language-links{font-size:9px;gap:4px 10px}
}
@media(max-height:760px){
 .landing-page .card-content{padding:12px 16px}
 .landing-page .brand{margin-bottom:8px}
 .landing-page .brand h2{font-size:19px}
 .landing-page .auth-tabs{margin-bottom:10px}
 .landing-page .input-group{margin-bottom:9px}
 .landing-page .divider{margin:9px 0}
 .landing-page .auth-footer{margin-top:9px;padding-top:7px}
 .landing-page .info-subtitle{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.landing-page .bg-blob{animation:none}}
.landing-page{grid-template-columns:minmax(0,1fr);width:100%}
.landing-page>.landing-top,.landing-page>.split-layout,.landing-page>.landing-footer{min-width:0;max-width:100%}
@media(max-height:760px){
 .landing-page .brand p{display:none}
 .landing-page .btn-primary{margin-top:3px}
 .landing-page .input-group input{height:38px;padding-top:8px;padding-bottom:8px}
 .landing-page .btn-google{min-height:38px;padding:8px 12px}
}
@media(max-width:860px) and (max-height:700px){
 .landing-page .brand{display:none}
 .landing-page .card-content{padding:12px}
 .landing-page .auth-footer{margin-top:7px;padding-top:5px}
}

/* One header row: featured label | moving profile links | language picker. */
.landing-page .landing-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:12px 28px;min-height:64px;direction:ltr}
.landing-page .landing-language{position:static;order:2;padding:0;inset:auto;min-width:0}
.landing-page .featured-profiles{order:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;width:100%;min-width:0;margin:0;max-width:none}
.landing-page .featured-heading{padding:0;margin:0;min-height:0;max-width:210px}
.landing-page .featured-label{gap:8px}
.landing-page .featured-heading h2{font-size:13px;line-height:1.35}
.landing-page .featured-heading p{display:none}
.landing-page .featured-window{min-width:0;padding:4px 0}
.landing-page .featured-card{width:210px;padding:6px 10px;gap:9px}
.landing-page .featured-portrait{width:34px;height:34px;border-radius:10px}
.landing-page .featured-person{display:block;min-width:0}
.landing-page .featured-person small{display:block;font-size:11px;line-height:1.4}
.landing-page .landing-top:not(:has(.featured-profiles)) .landing-language{grid-column:2}
@media(max-width:860px){
 .landing-page .landing-top{column-gap:8px;padding:8px 12px;min-height:54px}
 .landing-page .featured-profiles{gap:8px}
 .landing-page .featured-heading{max-width:82px}
 .landing-page .featured-heading h2{font-size:10px;line-height:1.25}
 .landing-page .featured-label>.material-icons{display:none}
 .landing-page .landing-language .language-picker{min-width:110px;max-width:110px;height:34px}
 .landing-page .landing-language .language-picker select{font-size:11px;padding-inline:27px 23px}
 .landing-page .featured-card{width:172px;padding:5px 7px;gap:7px;border-radius:11px}
 .landing-page .featured-portrait{width:28px;height:28px;border-radius:8px}
 .landing-page .featured-person small{font-size:10px}
 .landing-page .featured-profiles.is-animated .featured-window{mask-image:linear-gradient(to right,transparent,#000 7px,#000 calc(100% - 7px),transparent)}
}

.auth-message-content{min-width:0;overflow-wrap:anywhere}.auth-message-content #messageCode:not([hidden]){display:block;margin-top:5px;font-size:10px;line-height:1.45;direction:ltr;unicode-bidi:isolate;user-select:text}

.landing-page .google-terms{margin:8px 0 10px;font-size:12px;line-height:1.5}

.google-auth-note{margin:6px 0 0;font-size:11px;line-height:1.4;text-align:center;color:var(--text-muted,#777);}
