/* Inscrierea intr-un singur pas (templates/inscriere/formular.ihtml) si ecranul Google (templates/oauth/final.ihtml). Prefix .ins-.
   Culori ca la Intrare: carmin #c62a47 -> #e05572, text #1f1d22, secundar #6b6570, eroare #b3261e, bine #1f8a4c.
   Starile campurilor: .ins-gr (rosu, mesajul .ins-err vizibil), .ins-ok (verde, bifa .ins-bifa). Sunt/Caut: alegerea se face verde,
   celelalte dispar si ea ia tot randul (.ins-segs-ales, pus de inscriere.js). Fara JS: radio-uri obisnuite, erorile de la server. */
.ins-pagina{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#1f1d22;background:#f6f3f5;-webkit-text-size-adjust:100%}
.ins-pagina *{box-sizing:border-box}
.ins-banda{background:linear-gradient(135deg,#c62a47,#e05572)}
.ins-banda-int{max-width:1120px;margin:0 auto;padding:56px 24px 64px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.ins-text{flex:1 1 380px;min-width:0;color:#fff;padding-top:24px}
.ins-h1{margin:0 0 14px;font-size:44px;line-height:1.08;font-weight:700;letter-spacing:-.8px;color:#fff;max-width:480px}
.ins-sub{margin:0 0 28px;font-size:18px;line-height:1.5;max-width:440px;color:#fff}
.ins-bife{list-style:none;margin:0;padding:0;max-width:440px}
.ins-bife li{position:relative;padding-left:32px;margin:0 0 14px;font-size:16px;line-height:1.4;height:auto;color:#fff}
.ins-bife li:before{content:"";position:absolute;left:4px;top:3px;width:12px;height:7px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg)}
.ins-online{margin:30px 0 0;font-size:15px;color:#fff}
.ins-punct{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7ee08f;margin-right:8px;vertical-align:1px}
.ins-card{flex:0 1 460px;min-width:300px;background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(80,20,40,.22);padding:28px}
.ins-google{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1px solid #cfc6cd;border-radius:10px;color:#1f1d22;text-decoration:none;font-size:16px;font-weight:600}
.ins-google:hover{background:#faf7f9;color:#1f1d22}
.ins-sau{display:flex;align-items:center;gap:12px;color:#6b6570;font-size:14px;margin:18px 0}
.ins-sau:before,.ins-sau:after{content:"";flex:1;height:1px;background:#e6dfe4}
.ins-rezumat{background:#fdecea;border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.45;color:#7d1a14;margin:0 0 16px}
.ins-form{margin:0;padding:0}
.ins-viu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ins-grup{border:0;margin:0 0 18px;padding:0;min-width:0}
.ins-et{display:block;font-size:15px;font-weight:600;margin:0 0 8px;padding:0;color:#1f1d22}
.ins-rand{display:flex;gap:12px}
.ins-camp{margin:0 0 18px;min-width:0;flex:1}
.ins-camp-varsta{flex:0 0 132px}
.ins-intrare{position:relative}
.ins-input{display:block;width:100%;height:50px;border:1.5px solid #cfc6cd;border-radius:10px;padding:0 14px;font:inherit;font-size:16px;color:#1f1d22;background:#fff;margin:0;-webkit-appearance:none;appearance:none;transition:border-color .18s,box-shadow .18s,background-color .18s}
.ins-input::-webkit-input-placeholder{color:#b4acb0;opacity:1}
.ins-input::-moz-placeholder{color:#b4acb0;opacity:1}
.ins-input::placeholder{color:#b4acb0;opacity:1}
select.ins-input{-webkit-appearance:none;appearance:none;padding:0 38px 0 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%236b6570' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.ins-input:focus{outline:none;border-color:#c62a47;box-shadow:0 0 0 3px rgba(198,42,71,.18)}
.ins-camp-varsta .ins-input{text-align:center}
/* starile */
.ins-gr .ins-input{border-color:#b3261e;background:#fff3f2;box-shadow:0 0 0 1px #b3261e}
.ins-gr .ins-input:focus{box-shadow:0 0 0 3px rgba(179,38,30,.16)}
.ins-ok .ins-input{border-color:#1f8a4c;box-shadow:0 0 0 1px #1f8a4c}
.ins-ok .ins-input:focus{box-shadow:0 0 0 3px rgba(31,138,76,.16)}
.ins-bifa{position:absolute;right:14px;top:50%;width:20px;height:20px;border-radius:50%;background:#1f8a4c;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-50%) scale(.6);transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.3,1.4);pointer-events:none}
.ins-bifa svg{width:11px;height:11px}
.ins-ok .ins-bifa{opacity:1;transform:translateY(-50%) scale(1)}
.ins-ok .ins-input{padding-right:44px}
.ins-ok.ins-camp-varsta .ins-input{padding-right:14px}
.ins-camp-varsta .ins-bifa{right:8px}
.ins-ok select.ins-input{padding-right:62px}
.ins-camp-tara .ins-bifa{right:38px}
.ins-nota{font-size:13.5px;color:#6b6570;margin-top:7px;line-height:1.4}
.ins-corectat{color:#1f6f3a}
.ins-err{display:none;font-size:14px;font-weight:600;color:#b3261e;margin-top:7px;line-height:1.4}
.ins-err:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#b3261e;margin:0 7px 1px 0}
.ins-gr .ins-err{display:block}
.ins-err:empty{display:none}
.ins-gr .ins-nota{display:none}
.ins-scutura{animation:ins-scutura .4s}
@keyframes ins-scutura{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
/* numele: stare + sugestii */
/* randul de stare al numelui are loc rezervat: „Se verifica…” nu muta campurile de sub el chiar cand apesi pe ele */
.ins-nume-stare{font-size:13.5px;margin-top:7px;min-height:19px;color:#6b6570;line-height:1.4}
.ins-nume-stare.ins-ok,.ins-nume-stare.ins-verde{color:#1f8a4c;font-weight:600}
.ins-sugestii{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.ins-sugestii:empty{display:none}
.ins-sug-t{width:100%;font-size:14px;color:#3d3840}
.ins-sugestie{height:40px;padding:0 14px;border:1.5px solid #c62a47;border-radius:20px;background:#fff;color:#a81f3a;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.ins-sugestie:hover{background:#fdeef1}
/* Sunt / Caut */
.ins-segs{display:flex}
.ins-seg{flex:1 1 0;position:relative;display:block;margin:0 0 0 8px;cursor:pointer;min-width:0;transition:flex-grow .28s cubic-bezier(.4,0,.2,1),flex-basis .28s cubic-bezier(.4,0,.2,1),margin .28s,opacity .2s}
.ins-seg:first-child{margin-left:0}
/* test.css pune pe mobil input[type=radio]{position:absolute;width:100%;height:100%;z-index:2} => radio-ul ascuns aici, accesibil */
.ins-card .ins-seg input[type=radio]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;margin:0;z-index:auto;-webkit-appearance:radio;appearance:auto}
.ins-seg span{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:1.5px solid #cfc6cd;border-radius:10px;background:#fff;font-size:16px;color:#1f1d22;text-align:center;padding:0 6px;white-space:nowrap;overflow:hidden;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s}
.ins-seg:hover span{border-color:#b8aeb5}
.ins-seg input:checked+span{border-color:#1f8a4c;background:#eef8f1;color:#145c34;font-weight:600;box-shadow:0 0 0 1px #1f8a4c}
.ins-seg input:focus+span{outline:3px solid rgba(198,42,71,.35);outline-offset:2px}
.ins-seg .ins-seg-bifa{width:18px;height:18px;border-radius:50%;background:#1f8a4c;display:none;align-items:center;justify-content:center;flex:none}
.ins-seg .ins-seg-bifa svg{width:10px;height:10px}
.ins-seg input:checked+span .ins-seg-bifa{display:flex}
.ins-seg .ins-seg-schimba{display:none;font-size:13.5px;font-weight:600;font-style:normal;color:#a81f3a;margin-left:auto;padding-right:6px}
.ins-segs-ales .ins-seg{flex-grow:0;flex-basis:0;margin-left:0;opacity:0;pointer-events:none}
.ins-segs-ales .ins-seg.ins-seg-ales{flex-grow:1;flex-basis:0;opacity:1;pointer-events:auto}
.ins-segs-ales .ins-seg.ins-seg-ales span{justify-content:flex-start;padding-left:14px}
.ins-segs-ales .ins-seg.ins-seg-ales .ins-seg-schimba{display:inline}
.ins-segs.ins-fara-anim .ins-seg{transition:none}
.ins-gr .ins-seg span{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e;background:#fff3f2}
/* parola */
.ins-parola .ins-input{padding-right:96px}
.ins-ok .ins-parola .ins-input{padding-right:126px}
/* butonul are latime fixa (Arata/Ascunde/Hide/Ocultar incap), ca bifa verde sa stea mereu in stanga lui, fara sa se calce */
.ins-parola .ins-bifa{right:98px}
.ins-arata{position:absolute;right:2px;top:2px;height:46px;width:88px;padding:0 4px;text-align:center;white-space:nowrap;border:0;background:transparent;color:#4b4550;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;border-radius:8px}
.ins-arata:hover{background:#f1edf0}
/* adresa existenta */
.ins-exista{border:1px solid #f0d5d2;background:#fffafa;border-radius:10px;padding:12px 14px;margin-top:8px}
.ins-exista-t{font-weight:600;font-size:14.5px}
.ins-exista-s{font-size:14px;color:#3d3840;margin:4px 0 10px;line-height:1.4}
.ins-exista-b{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ins-btn-mic{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:10px;background:#c62a47;color:#fff;font-weight:600;font-size:15px;text-decoration:none}
.ins-btn-mic:hover{color:#fff;background:#b0223d}
.ins-link{color:#a81f3a;font-weight:600;font-size:15px}
/* acordul */
.ins-acord{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:#3d3840;font-weight:400;cursor:pointer;margin:0;padding:10px 12px;border:1.5px solid transparent;border-radius:10px;transition:border-color .18s,background-color .18s}
.ins-card .ins-acord input[type=checkbox]{position:static;flex:none;width:22px;height:22px;margin:1px 0 0;opacity:1;z-index:auto;-webkit-appearance:checkbox;appearance:auto;accent-color:#1f8a4c}
.ins-acord a{color:#b0223d}
.ins-gr .ins-acord{border-color:#b3261e;background:#fff3f2}
.ins-ok .ins-acord{border-color:#1f8a4c;background:#eef8f1}
.ins-camp-acord .ins-err{margin-left:12px}
.ins-btn{display:block;width:100%;height:54px;border:0;border-radius:12px;background:#c62a47;color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer;margin:6px 0 0;-webkit-appearance:none;transition:background-color .18s}
.ins-btn:hover{background:#b0223d}
.ins-btn[disabled]{opacity:.75;cursor:default}
.ins-btn:focus-visible,.ins-google:focus-visible,.ins-sugestie:focus-visible,.ins-arata:focus-visible{outline:3px solid rgba(198,42,71,.4);outline-offset:2px}
.ins-jos{margin:12px 0 0;font-size:13.5px;color:#6b6570;text-align:center}
.ins-ai-cont{text-align:center;font-size:15px;color:#3d3840;margin:22px 16px 28px}
.ins-ai-cont a{color:#b0223d;font-weight:600;display:inline-block;padding:12px 4px}

/* mobil: banda e fundalul blocului de text, cardul urca 52px peste ea (independent de inaltimea cardului) */
.ins-mobil .ins-banda{background:none}
.ins-mobil .ins-banda-int{display:block;padding:0}
.ins-mobil .ins-text{padding:20px 16px 72px;background:linear-gradient(135deg,#c62a47,#e05572)}
.ins-mobil .ins-h1{font-size:27px;line-height:1.15;margin:0 0 6px}
.ins-mobil .ins-sub{font-size:15.5px;margin:0}
.ins-mobil .ins-online{margin:10px 0 0;font-size:14px}
.ins-mobil .ins-card{position:relative;min-width:0;margin:-52px 12px 0;border-radius:16px;box-shadow:0 6px 24px rgba(80,20,40,.12);padding:20px 16px 22px}

@media (max-width:760px){
	.ins-desktop .ins-banda-int{padding:28px 16px 36px;gap:24px}
	.ins-desktop .ins-h1{font-size:32px}
}
@media (prefers-reduced-motion:reduce){.ins-pagina *{transition:none!important;animation:none!important}}

/* banda de context „Scrie-i” inainte de cont (scrie_banda_context): poza ei, titlul si mesajul lui scurtat;
   un link lipit in mesaj (fara spatii) se rupe in caseta (overflow-wrap + word-break), nu iese din ecran */
.ins-ctx{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ins-ctx-poza{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.ins-h1-ctx{font-size:32px;line-height:1.12}
.ins-ctx-mesaj{margin:6px 0 0;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;font-size:15px;line-height:1.45;max-width:440px;overflow-wrap:anywhere;word-break:break-word}
.ins-ctx-mesaj span{display:block;font-size:12.5px;opacity:.85;margin-bottom:2px}
.ins-mobil .ins-h1-ctx{font-size:23px}
.ins-mobil .ins-ctx-mesaj{font-size:14px}