/* ===== Ecran de început (login) – culorile imaginilor: bleumarin, auriu, turcoaz ===== */
body.auth{background:#f6f3ec}
.hero{--navy:#13233b;--navy2:#1f3a5c;--gold:#c9a36a;--teal:#17979a;--txt:#4a5568;
 color:var(--navy);
 background:radial-gradient(900px 560px at 88% 30%,rgba(23,151,154,.10),transparent 62%),radial-gradient(760px 520px at 8% 100%,rgba(201,163,106,.16),transparent 60%),linear-gradient(180deg,#fcfbf8 0%,#f4f0e7 100%)}
.hin{max-width:1360px;padding:164px 32px 40px;grid-template-columns:minmax(0,470px) minmax(0,1fr);grid-template-areas:"copy art" "card art" "sub sub";column-gap:80px;row-gap:26px;align-items:center}
.hcopy{grid-area:copy;align-self:end}
.hcard{grid-area:card;align-self:start}
.hart{grid-area:art;display:flex;justify-content:flex-end;align-items:center;min-width:0}
.hart img{display:block;width:100%;max-width:646px;height:auto;filter:drop-shadow(0 30px 40px rgba(19,35,59,.12));animation:liIn 1s cubic-bezier(.2,.8,.2,1) both,lfl 9s ease-in-out 1s infinite;user-select:none;-webkit-user-drag:none}
@keyframes liIn{from{opacity:0;transform:translateX(30px) scale(.985)}}
@keyframes lfl{50%{translate:0 -8px}}

/* texte */
.eyb{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:var(--navy2);background:#fff;border:1px solid #e8e1d2;border-radius:30px;padding:7px 15px 7px 12px;margin-bottom:18px;box-shadow:0 1px 2px rgba(19,35,59,.05)}
.eyb i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(23,151,154,.16);flex:0 0 8px}
.hero .hcopy h1{background:none;-webkit-text-fill-color:currentColor;color:var(--navy);font-size:clamp(34px,3.5vw,50px);line-height:1.06;letter-spacing:-.035em;font-weight:780;margin:0 0 14px}
.hero .hsub{grid-area:sub;justify-self:center;width:80%;text-align:center;color:var(--txt);font-size:18px;line-height:1.6;margin:22px 0 0}

/* caseta de login */
.hero .hcard{background:#fff;border:1px solid #ebe5d8;border-radius:22px;padding:28px;overflow:hidden;box-shadow:0 1px 0 rgba(19,35,59,.03),0 34px 70px -34px rgba(19,35,59,.35);backdrop-filter:none}
.hero .hcard h2{font-size:24px;color:var(--navy);margin:0 0 6px}
.hero .lsub{font-size:16.5px;line-height:1.5;color:var(--txt);margin:0 0 6px;font-weight:500}
.hero .inw{margin-top:12px}
.hero .hcard .in{height:56px;font-size:17px;padding:0 16px 0 50px;border:1px solid #dcd6ca;border-radius:13px;background:#fbfaf7;color:var(--navy)}
.hero .hcard .in::placeholder{color:#8b93a1;opacity:1}
.hero .hcard .in:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(23,151,154,.16);outline:none}
.hero .inw>.ico{left:16px;width:21px;height:21px;color:#7c8798}
.hero .inw:focus-within>.ico{color:var(--teal)}
.hero .inw .eye{right:8px;width:42px;height:42px}
.hero .inw .eye .ico{width:21px;height:21px}
.hero .inw .in:has(+.eye){padding-right:54px}
.hero .hcard .btn.lg{width:100%;justify-content:center;margin-top:18px;min-height:56px;font-size:17.5px;font-weight:700;border-radius:13px;background:linear-gradient(90deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;box-shadow:0 16px 30px -16px rgba(19,35,59,.7)}
.hero .hcard .btn.lg:hover{filter:brightness(1.12)}
.hero .hcard .btn.lg .ico{color:var(--gold);width:21px;height:21px}
.hero .err{font-size:15px;min-height:0;margin:10px 0 0}
.hero .err:empty{display:none}
.kimg{display:none}

/* antetul peste fundalul deschis */
body.auth .hd .brand{gap:16px}
body.auth .hd .brand .b2{margin-top:.1em}
body.auth .hd .brand b{color:#13233b;font-size:36px}
body.auth .hd .lang .lang-t{color:#13233b;background:rgba(19,35,59,.05);border-color:rgba(19,35,59,.14)}
body.auth .hd .lang .lang-t svg.flag{box-shadow:0 0 0 1px rgba(19,35,59,.15)}
body.auth .hd .brand img{width:100px;height:100px;flex-basis:100px;filter:drop-shadow(0 8px 14px rgba(19,35,59,.2))}
@media(max-width:900px){body.auth .hd .brand{gap:11px}body.auth .hd .brand b{font-size:26px;transform:translateY(1.5px)}body.auth .hd .brand img{width:70px;height:70px;flex-basis:70px}}
@media(min-width:901px){
 body.auth .hd{padding:26px max(28px,calc((100vw - 1360px)/2 + 32px)) 10px}
}

/* telefon / tabletă: texte centrate, imaginea integrată sus în casetă */
@media(max-width:900px){
 .hero .hcard h2.dsk{display:none}
 .hin{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "card" "sub";padding:124px 22px 36px;row-gap:24px;justify-items:center;text-align:center}
 .hart{display:none}
 .hcopy{max-width:520px}
 .hero .hcopy h1{font-size:clamp(30px,8.4vw,42px);margin-bottom:12px}
 .hero .hsub{width:100%;max-width:480px;font-size:16.5px;margin:4px 0 0}
 .eyb{margin-bottom:16px}
 .hero .hcard{width:100%;max-width:480px;text-align:left;padding:24px 22px 26px}
 .kimg{display:block;width:calc(100% + 44px);margin:-24px -22px 18px;overflow:hidden;background:#dfe6ee}
 .kimg img{display:block;width:100%;height:auto}
 .hero .lsub{font-size:17px;text-align:center}
 .hero .hcard .in{font-size:17.5px;height:58px}
 .hero .hcard .btn.lg{min-height:58px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important}}
/* laptop cu ecran mai scund: totul încape pe un singur ecran */
@media(min-width:901px) and (max-height:920px){
 body.auth .hd{padding-top:16px}
 body.auth .hd .brand img{width:84px;height:84px;flex-basis:84px}
 body.auth .hd .brand b{font-size:31px}
 .hin{padding-top:118px;padding-bottom:18px;row-gap:18px}
 .eyb{margin-bottom:12px}
 .hero .hcopy h1{font-size:clamp(32px,3.2vw,44px);margin-bottom:0}
 .hero .hcard{padding:24px 26px}
 .hero .hcard .in{height:52px}
 .hero .hcard .btn.lg{min-height:52px;margin-top:16px}
 .hart img{max-height:calc(100vh - 230px);width:auto;max-width:100%}
 .hero .hsub{margin-top:6px;font-size:17px}
}