/* ============================================================
   Pagina NIS 2 — reguli recuperate

   Pagina a fost construită pe 29 iulie în cealaltă copie a
   proiectului (C:\DEVELOPMENT\01-REBRAND\itechmedia.ro) și depinde
   de două clase care nu există în foile de stil de aici:
   `.rd-sep` (separator de secțiune cu accent) și `.sn` (propoziție
   pe rândul ei, din regulile de casă pentru titluri).

   Le aducem într-un fișier propriu, încărcat doar pe această pagină,
   ca să nu atingem style.css sau redesign-2026.css — foi partajate
   de 69 de pagini publice.
   ============================================================ */

/* Separator de secțiune, cu bară de accent opțională */
.rd-sep {
    position: relative;
    height: 1px;
    border: 0;
    margin: 0;
    background: none;
}
.rd-sep::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: min(1140px, 92%);
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        var(--rd-border-strong) 22%,
        var(--rd-border-strong) 78%,
        transparent);
}
/* Varianta cu accent preia culoarea secțiunii care urmează */
.rd-sep[data-accent]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -1px;
    transform: translateX(-50%);
    width: 84px;
    height: 3px;
    border-radius: 999px;
    background: var(--sep, var(--rd-cyan));
    box-shadow: 0 0 16px color-mix(in srgb, var(--sep, var(--rd-cyan)) 60%, transparent);
}
.rd-sep[data-accent="cyan"]   { --sep: var(--rd-cyan); }
.rd-sep[data-accent="blue"]   { --sep: var(--rd-blue); }
.rd-sep[data-accent="green"]  { --sep: #22c55e; }
.rd-sep[data-accent="violet"] { --sep: #a855f7; }
.rd-sep[data-accent="amber"]  { --sep: #f59e0b; }

/* Regula de casă: fiecare propoziție dintr-un titlu pe rândul ei.
   `inline-block` face ca ruptura să cadă între propoziții, nu în
   mijlocul uneia, iar titlul rămâne pe un rând dacă încape. */
.page-nis2 .sn {
    display: inline-block;
    text-wrap: balance;
}

/* ============================================================
   Reguli proprii paginii, recuperate din cealaltă copie
   (01-REBRAND/itechmedia.ro/assets/css/*.css)

   34 de clase pe care pagina le folosește și care nu existau în
   foile de stil de aici: structura `.nis-*`, nota de sub CTA,
   fundalul tonat și caseta de CTA premium.

   Extrase programatic, cu blocurile @media păstrate. Nu sunt
   rescrise: sunt exact regulile sub care pagina a fost proiectată.
   ============================================================ */

.rd-cta-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 12px; font-size: 0.8rem; color: var(--rd-dim); }
.rd-cta-note i { color: var(--rd-green, #34d399); font-size: 0.75rem; }
.rd-cta-note span { display: inline-flex; align-items: center; gap: 6px; }
.rd-cta-note.rd-cta-note-center { justify-content: center; text-align: center; }
.cta-box-premium { /* Aurora proprie — ultimul moment de decizie „se închide" vizual */ background-image: radial-gradient(500px circle at 12% 18%, rgba(56, 189, 248, 0.17), transparent 60%), radial-gradient(520px circle at 88% 82%, rgba(168, 85, 247, 0.15), transparent 62%), radial-gradient(620px circle at 50% 50%, rgba(37, 99, 235, 0.13), transparent 66%); background-color: rgba(255, 255, 255, 0.01); background-repeat: no-repeat; border: 1px solid rgba(37, 99, 235, 0.3); border-radius: 40px; padding: 100px 60px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (prefers-reduced-motion: no-preference) {
    .cta-box-premium { animation: ctaAurora 24s ease-in-out infinite alternate; }
}
@media (min-width: 992px) {
    .cta-box-premium { margin-top: 60px; }
}
@media (max-width: 575.98px) {
    .cta-box-premium { padding: 56px 24px; border-radius: 28px; }
}
.rd-tint { position: relative; }
.rd-tint::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tint, var(--rd-cyan)) 7%, transparent), transparent 68%); }
.rd-tint[data-tint="cyan"] { --tint: var(--rd-cyan); }
.rd-tint[data-tint="green"] { --tint: #22c55e; }
.rd-tint[data-tint="violet"] { --tint: #a855f7; }
.rd-tint[data-tint="blue"] { --tint: var(--rd-blue); }
.rd-tint[data-tint="amber"] { --tint: #f59e0b; }
.page-nis2 .nis-wrap { max-width: 1180px; }
.page-nis2 .nis-hero { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 34px; align-items: start; }
.page-nis2 .nis-legalref { display: inline-flex; align-items: flex-start; gap: 9px; font-size: 0.78rem; line-height: 1.6; color: var(--rd-dim); border: 1px solid var(--rd-border); border-radius: 18px; padding: 7px 16px; background: rgba(255, 255, 255, 0.025); max-width: 52ch; }
.page-nis2 .nis-legalref i { color: var(--rd-cyan); flex-shrink: 0; display: grid; place-items: center; height: calc(0.78rem * 1.6); }
.page-nis2 .nis-deadlines { background: var(--rd-surface); border: 1px solid rgba(245, 158, 11, 0.28); border-radius: var(--rd-radius); padding: 20px 22px; box-shadow: var(--rd-contact), 0 18px 44px -26px rgba(245, 158, 11, 0.4); }
.page-nis2 .nis-deadlines-h { display: flex; align-items: center; gap: 10px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rd-amber); margin-bottom: 14px; }
.page-nis2 .nis-dl { display: grid; grid-template-columns: 82px 1fr; gap: 12px; align-items: baseline; padding: 10px 0; border-top: 1px solid var(--rd-border); }
.page-nis2 .nis-dl:first-of-type { border-top: none; padding-top: 0; }
.page-nis2 .nis-dl b { color: #fff; font-weight: 800; font-size: 0.95rem; font-variant-numeric: tabular-nums; }
.page-nis2 .nis-dl span { color: var(--rd-dim); font-size: 0.82rem; line-height: 1.5; }
.page-nis2 .nis-check { background: var(--rd-surface); border: 1px solid rgba(56, 189, 248, 0.3); border-radius: var(--rd-radius-lg); padding: 24px; box-shadow: var(--rd-shadow); }
.page-nis2 .nis-q { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; text-align: left; margin-bottom: 10px; padding: 14px 18px; background: var(--rd-surface-solid); border: 1px solid var(--rd-border); border-radius: 14px; color: var(--rd-text); font-family: inherit; font-size: 0.92rem; line-height: 1.5; cursor: pointer; transition: border-color 0.25s var(--rd-ease), background 0.25s var(--rd-ease), transform 0.12s var(--rd-ease); }
.page-nis2 .nis-q:hover { border-color: rgba(56, 189, 248, 0.35); }
.page-nis2 .nis-q:active { transform: translateY(1px); }
.page-nis2 .nis-q:focus-visible { outline: 2px solid var(--rd-cyan); outline-offset: 3px; }
.page-nis2 .nis-q[aria-pressed="true"] { border-color: rgba(56, 189, 248, 0.55); background: rgba(56, 189, 248, 0.07); }
.page-nis2 .nis-sw { position: relative; flex-shrink: 0; width: 46px; height: 26px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--rd-border-strong); transition: background 0.25s var(--rd-ease), border-color 0.25s var(--rd-ease); }
.page-nis2 .nis-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--rd-faint); transition: transform 0.25s var(--rd-ease), background 0.25s var(--rd-ease); }
.page-nis2 .nis-q[aria-pressed="true"] .nis-sw { background: rgba(56, 189, 248, 0.22); border-color: var(--rd-cyan); }
.page-nis2 .nis-q[aria-pressed="true"] .nis-sw::after { transform: translateX(20px); background: var(--rd-cyan); }
.page-nis2 .nis-sw-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.page-nis2 .nis-verdict { border-radius: 16px; padding: 18px 20px; margin-top: 6px; border: 1px solid var(--rd-border); background: rgba(255, 255, 255, 0.025); }
.page-nis2 .nis-verdict[data-level="hit"] { border-color: rgba(245, 158, 11, 0.4); background: rgba(245, 158, 11, 0.08); }
.page-nis2 .nis-verdict[data-level="maybe"] { border-color: rgba(56, 189, 248, 0.4); background: rgba(56, 189, 248, 0.07); }
.page-nis2 .nis-verdict[data-level="clear"] { border-color: rgba(16, 185, 129, 0.4); background: rgba(16, 185, 129, 0.07); }
.page-nis2 .nis-verdict-t { font-weight: 800; color: #fff; font-size: 0.98rem; margin: 0 0 6px; display: flex; align-items: center; gap: 10px; }
.page-nis2 .nis-verdict-t i { flex-shrink: 0; }
.page-nis2 .nis-verdict[data-level="hit"] .nis-verdict-t i { color: var(--rd-amber); }
.page-nis2 .nis-verdict[data-level="maybe"] .nis-verdict-t i { color: var(--rd-cyan); }
.page-nis2 .nis-verdict[data-level="clear"] .nis-verdict-t i { color: var(--rd-green); }
.page-nis2 .nis-verdict p { color: var(--rd-dim); font-size: 0.86rem; line-height: 1.65; margin: 0 0 14px; max-width: 52ch; }
.page-nis2 .nis-check > .rd-lead { max-width: 52ch; }
.page-nis2 .nis-disclaimer { font-size: 0.75rem; color: var(--nis-muted); line-height: 1.6; margin: 12px 0 0; }
.page-nis2 .nis-tier { background: var(--rd-surface); border: 1px solid var(--rd-border); border-radius: var(--rd-radius); padding: 22px; height: 100%; border-top: 3px solid var(--tier, var(--rd-cyan)); }
.page-nis2 .nis-tier-head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.page-nis2 .nis-tier-ic { width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-size: 1.05rem; color: #fff; background: linear-gradient(135deg, var(--tier, var(--rd-cyan)), rgba(15, 23, 42, 0.45)); box-shadow: 0 10px 26px -10px var(--tier, var(--rd-cyan)); }
.page-nis2 .nis-tier-head h3 { margin: 0; font-size: 1.05rem; font-weight: 800; color: #fff; }
.page-nis2 .nis-tier p { color: var(--rd-dim); font-size: 0.87rem; line-height: 1.65; margin: 0 0 14px; }
.page-nis2 .nis-tier dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0 0 14px; font-size: 0.82rem; }
.page-nis2 .nis-tier dt { color: var(--nis-muted); }
.page-nis2 .nis-tier dd { color: var(--rd-text); margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.page-nis2 .nis-sectors { display: flex; flex-wrap: wrap; gap: 7px; }
.page-nis2 .nis-sector { font-size: 0.75rem; color: var(--rd-dim); padding: 5px 12px; border-radius: 999px; border: 1px solid var(--rd-border-strong); background: rgba(255, 255, 255, 0.02); }
.page-nis2 .nis-tier[style*="--tier"] .nis-sector { border-color: color-mix(in srgb, var(--tier) 32%, transparent); }
.page-nis2 .nis-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.page-nis2 .nis-step { background: var(--rd-surface); border: 1px solid var(--rd-border); border-radius: 16px; padding: 18px 16px; display: flex; flex-direction: column; gap: 6px; }
.page-nis2 .nis-step[data-clock] { border-color: rgba(245, 158, 11, 0.32); }
.page-nis2 .nis-step-term { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--rd-cyan); font-variant-numeric: tabular-nums; }
.page-nis2 .nis-step[data-clock] .nis-step-term { color: var(--rd-amber); }
.page-nis2 .nis-step h3 { margin: 0; font-size: 0.95rem; font-weight: 700; color: #fff; }
.page-nis2 .nis-step p { margin: 0; font-size: 0.8rem; color: var(--rd-dim); line-height: 1.55; }
.page-nis2 .nis-svcs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.page-nis2 .nis-svc { background: var(--rd-surface); border: 1px solid var(--rd-border); border-radius: var(--rd-radius); padding: 20px; display: flex; flex-direction: column; gap: 10px; transition: transform 0.3s var(--rd-ease), border-color 0.3s var(--rd-ease), box-shadow 0.3s var(--rd-ease); }
.page-nis2 .nis-svc:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--svc, var(--rd-cyan)) 45%, transparent); box-shadow: var(--rd-contact), 0 20px 46px -26px var(--svc, var(--rd-cyan)); }
.page-nis2 .nis-svc-head { display: flex; align-items: center; gap: 12px; }
.page-nis2 .nis-svc-ic { width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0; display: grid; place-items: center; font-size: 0.95rem; color: #fff; background: linear-gradient(135deg, var(--svc, var(--rd-cyan)), rgba(15, 23, 42, 0.45)); box-shadow: 0 8px 22px -9px var(--svc, var(--rd-cyan)); }
.page-nis2 .nis-svc-head h3 { margin: 0; font-size: 0.95rem; font-weight: 700; color: #fff; }
.page-nis2 .nis-svc p { margin: 0; font-size: 0.84rem; color: var(--rd-dim); line-height: 1.6; }
.page-nis2 .nis-svc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.page-nis2 .nis-svc li { font-size: 0.8rem; color: var(--rd-dim); display: flex; align-items: flex-start; gap: 9px; line-height: 1.5; }
.page-nis2 .nis-svc li i { color: var(--rd-green); font-size: 0.7rem; margin-top: 5px; flex-shrink: 0; }
.page-nis2 .nis-risk { border: 1px solid rgba(239, 68, 68, 0.32); background: rgba(239, 68, 68, 0.05); border-radius: var(--rd-radius); padding: 24px; height: 100%; }
.page-nis2 .nis-risk-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.page-nis2 .nis-risk-ic { width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-size: 1.05rem; color: #fff; background: linear-gradient(135deg, var(--rd-red), rgba(15, 23, 42, 0.45)); box-shadow: 0 10px 26px -10px var(--rd-red); }
.page-nis2 .nis-risk-head h2 { margin: 0; }
.page-nis2 .nis-fine { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; align-items: baseline; padding: 13px 0; border-top: 1px solid var(--rd-border); }
.page-nis2 .nis-fine:first-of-type { border-top: none; padding-top: 0; }
.page-nis2 .nis-fine b { color: #fff; font-size: 0.92rem; }
.page-nis2 .nis-fine .amt { color: #fca5a5; font-weight: 800; font-size: 1.02rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.page-nis2 .nis-fine span { grid-column: 1 / -1; color: var(--rd-dim); font-size: 0.8rem; line-height: 1.55; }
.page-nis2 .nis-why { background: var(--rd-surface); border: 1px solid var(--rd-border); border-radius: var(--rd-radius); padding: 24px; height: 100%; }
.page-nis2 .nis-why > .rd-lead { max-width: 52ch; }
.page-nis2 .nis-why ul { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.page-nis2 .nis-why li { display: flex; align-items: flex-start; gap: 12px; color: var(--rd-dim); font-size: 0.87rem; line-height: 1.6; }
.page-nis2 .nis-why li i { color: var(--rd-cyan); margin-top: 4px; flex-shrink: 0; }
.page-nis2 .nis-why li b { color: var(--rd-text); font-weight: 700; }
.page-nis2 .nis-measure { max-width: 50ch; }
.page-nis2 .nis-disclaimer,
.page-nis2 .nis-fine span,
.page-nis2 .nis-why li,
.page-nis2 .nis-tier > p,
.page-nis2 .nis-svc p,
.page-nis2 .nis-step p { max-width: 52ch; }
@media (max-width: 1199.98px) {
    .page-nis2 .nis-svcs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991.98px) {
    .page-nis2 .nis-hero { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 767.98px) {
    .page-nis2 .nis-steps { grid-template-columns: 1fr 1fr; }
    .page-nis2 .nis-step p { font-size: 0.78rem; }
    .page-nis2 .nis-svcs { grid-template-columns: 1fr; }
    .page-nis2 .nis-check { padding: 18px; border-radius: 20px; }
    .page-nis2 .nis-q { font-size: 0.86rem; padding: 13px 15px; gap: 12px; }
}
@media (max-width: 479.98px) {
    .page-nis2 .nis-steps { grid-template-columns: 1fr; }
    .page-nis2 .nis-dl { grid-template-columns: 70px 1fr; }
}

/* Sursa termenelor legale, sub caseta de deadline-uri. */
.page-nis2 .nis-dl-src {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    color: var(--rd-dim);
    font-size: 0.78rem;
    line-height: 1.6;
}
.page-nis2 .nis-dl-src a { color: var(--rd-cyan); text-decoration: none; }
.page-nis2 .nis-dl-src a:hover,
.page-nis2 .nis-dl-src a:focus-visible { text-decoration: underline; }