/* ======================================
   CREDIPORT — СИГУРНОСТ И ЛИЦЕНЗИ 2026
   Same design system as other pages
   ====================================== */
/* -- ANIMATIONS -- */
/* -- NAV -- */
.nav-link { padding: 8px 16px; border-radius: 10px; font-size: .875rem; font-weight: 600; color: var(--text-mid); transition: all var(--transition); }/* Mobile Drawer */
.mob-link.active { color: var(--accent); }.btn-mobile { background: linear-gradient(135deg, var(--accent), var(--accent-dark)); color: #fff; padding: 14px; border-radius: 14px; font-weight: 800; font-size: .9rem; text-align: center; box-shadow: 0 4px 16px var(--accent-glow); border: none; cursor: pointer; width: 100%; font-family: inherit; }/* Nav sub-group */
.nav-sub-group { position: relative; }.nav-sub-btn { display: block; width: 100%; padding: 10px 14px; border-radius: 10px; font-size: .85rem; font-weight: 500; color: var(--text-mid); text-align: left; transition: all .15s; }.nav-sub-btn:hover { background: var(--bg); color: var(--accent); }.nav-sub-dd { display: none; padding: 2px 0 4px 14px; }.nav-sub-group:hover .nav-sub-dd { display: block; }.nav-sub-dd a { font-size: .82rem; padding: 7px 14px; }.mob-rfn-btn { justify-content: space-between; }.mob-rfn-arr { transition: transform .2s; font-size: 1.1rem; }.mob-rfn-btn.mob-rfn-open .mob-rfn-arr { transform: rotate(90deg); }.mob-rfn-sub { display: none; }.mob-rfn-sub.mob-rfn-open { display: block; }.mob-rfn-item { padding-left: 38px !important; font-size: .84rem !important; }/* -- HERO (compact for info page) -- */
.hero-sec { padding: 130px 0 60px; background: linear-gradient(170deg, #FFFBF7 0%, #F0F4FF 40%, #FFF4F2 100%); position: relative; overflow: hidden; }.hero-sec::before { content: ''; position: absolute; top: -30%; right: -15%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(255,83,73,.06) 0%, transparent 70%); pointer-events: none; }.hero-inner { text-align: center; max-width: 720px; margin: 0 auto; animation: slideUp .8s ease both; }.hero-inner h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 900; letter-spacing: -1px; color: var(--dark); margin-bottom: 16px; line-height: 1.15; }.hero-inner h1 .accent { background: linear-gradient(135deg, var(--accent), #FF7B6B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }.hero-desc { font-size: 1.05rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 28px; }.hero-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }.hero-badge { display: flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--border); border-radius: 50px; padding: 8px 18px; font-size: .82rem; font-weight: 700; color: var(--text-mid); box-shadow: var(--shadow-sm); }.hero-badge-icon { font-size: 1rem; }/* -- SECTION COMMON -- */
.section { padding: 80px 0; }.section-header { margin-bottom: 48px; }.section-tag { display: inline-block; background: rgba(255,83,73,.08); color: var(--accent); font-size: .7rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; padding: 6px 14px; border-radius: 50px; margin-bottom: 14px; }.section-title { font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 900; letter-spacing: -.5px; color: var(--dark); margin-bottom: 12px; }.section-desc { font-size: 1rem; color: var(--text-mid); line-height: 1.7; max-width: 560px; }/* -- LICENSE CARDS -- */
.lic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }.lic-card { background: var(--card); border-radius: var(--radius-lg); padding: 32px 28px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: transform .2s, box-shadow .2s; text-align: center; }.lic-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }.lic-icon { width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; font-size: 1.8rem; }.lic-icon.bnb { background: rgba(99,102,241,.1); }.lic-icon.kfn { background: rgba(16,185,129,.1); }.lic-icon.akpb { background: rgba(245,158,11,.1); }.lic-card h3 { font-size: 1.05rem; font-weight: 800; color: var(--dark); margin-bottom: 6px; }.lic-num { font-size: .95rem; font-weight: 800; color: var(--accent); margin-bottom: 8px; display: block; }.lic-card p { font-size: .84rem; color: var(--text-mid); line-height: 1.6; }/* -- DATA PROTECTION GRID -- */
.dp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }.dp-card { background: var(--card); border-radius: var(--radius); padding: 28px 22px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: transform .2s, box-shadow .2s; }.dp-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }.dp-icon { font-size: 1.6rem; margin-bottom: 14px; }.dp-card h3 { font-size: .92rem; font-weight: 800; color: var(--dark); margin-bottom: 8px; }.dp-card p { font-size: .82rem; color: var(--text-mid); line-height: 1.6; }/* -- RIGHTS LIST -- */
.rights-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 800px; margin: 0 auto; }.right-item { display: flex; align-items: flex-start; gap: 14px; padding: 20px; background: var(--card); border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }.right-icon { width: 40px; height: 40px; border-radius: 12px; background: rgba(16,185,129,.1); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }.right-item h4 { font-size: .88rem; font-weight: 800; color: var(--dark); margin-bottom: 4px; }.right-item p { font-size: .78rem; color: var(--text-mid); line-height: 1.55; }/* -- FAQ -- */
.faq-list { display: grid; grid-template-columns: 1fr; gap: 12px; max-width: 800px; margin: 0 auto; }.faq-item { border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); overflow: hidden; }.faq-q { display: flex; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; transition: background .15s; }.faq-q:hover { background: rgba(255,83,73,.03); }.faq-q-icon { font-size: 1rem; flex-shrink: 0; }.faq-q-text { flex: 1; font-size: .88rem; font-weight: 700; color: var(--dark); }.faq-toggle { width: 24px; height: 24px; border-radius: 50%; background: rgba(255,83,73,.08); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; flex-shrink: 0; transition: all .2s; }.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; }.faq-a.open, .faq-item.open .faq-a { max-height: 600px; }.faq-a-inner { padding: 0 20px 18px 52px; font-size: .84rem; color: var(--text-mid); line-height: 1.65; }.faq-item.open .faq-toggle { transform: rotate(45deg); background: var(--accent); color: #fff; }/* -- CONTACT CARD -- */
.contact-section { background: linear-gradient(170deg, #F8FAFC 0%, #EFF6FF 100%); }.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 700px; margin: 0 auto; }.contact-card { background: var(--card); border-radius: var(--radius); padding: 28px 24px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); text-align: center; }.contact-card-icon { font-size: 1.6rem; margin-bottom: 10px; }.contact-card h4 { font-size: .92rem; font-weight: 800; color: var(--dark); margin-bottom: 8px; }.contact-card p { font-size: .84rem; color: var(--text-mid); line-height: 1.6; }.contact-card a { color: var(--accent); font-weight: 700; }/* -- COMPANY INFO -- */
.company-info { background: var(--card); border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); max-width: 700px; margin: 0 auto; }.company-info h3 { font-size: 1rem; font-weight: 800; color: var(--dark); margin-bottom: 16px; }.company-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: .85rem; }.company-row:last-child { border-bottom: none; }.company-row dt { color: var(--text-mid); font-weight: 600; }.company-row dd { color: var(--dark); font-weight: 700; text-align: right; }/* -- LICENSE STRIP -- */
.license-strip { background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 20px 0; }.license-inner { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }.license-badge { display: flex; align-items: center; gap: 10px; padding: 10px 20px; background: var(--card); border-radius: 10px; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }.license-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }.license-icon.bnb { background: rgba(99,102,241,.1); }.license-icon.kfn { background: rgba(16,185,129,.1); }.license-icon.gdpr { background: rgba(245,158,11,.1); }.license-label { font-size: .62rem; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--text-light); }.license-value { font-size: .82rem; font-weight: 800; color: var(--dark); }/* -- CTA BAND -- */
.cta-band { background: linear-gradient(135deg, var(--dark) 0%, var(--navy) 100%); padding: 60px 0; }.cta-inner { text-align: center; }.cta-inner h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 900; color: #fff; margin-bottom: 12px; }.cta-inner p { font-size: 1rem; color: rgba(255,255,255,.75); margin-bottom: 28px; max-width: 500px; margin-left: auto; margin-right: auto; }.btn-cta-white { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--accent); padding: 14px 32px; border-radius: 50px; font-weight: 800; font-size: .95rem; transition: all .2s; box-shadow: 0 4px 20px rgba(0,0,0,.2); }.btn-cta-white:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,0,0,.3); }/* -- FOOTER -- */
.footer { background: var(--dark); color: rgba(255,255,255,.65); padding: 60px 0 0; }.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }.footer-brand p { font-size: .85rem; line-height: 1.65; margin: 16px 0; }.footer-contacts a { display: block; font-size: .82rem; margin-bottom: 6px; transition: color .2s; }.footer-badges { margin-top: 16px; }.footer-badge { font-size: .7rem; padding: 6px 0; border-top: 1px solid rgba(255,255,255,.08); }.footer-badge strong { color: rgba(255,255,255,.85); }.footer-social-link { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; transition: background .2s; }.footer-col h4 { font-size: .82rem; font-weight: 800; color: #fff; margin-bottom: 16px; text-transform: uppercase; letter-spacing: .5px; }.footer-col ul li { margin-bottom: 8px; }.footer-col a { font-size: .82rem; transition: color .2s; }.footer-col a:hover { color: var(--accent); }.footer-col a.active { color: var(--accent); font-weight: 700; }.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 24px 0; }.footer-copy { font-size: .75rem; text-align: center; }.footer-desc { font-size: .85rem; line-height: 1.65; margin: 16px 0; color: rgba(255,255,255,.65); }/* -- TRUST TIMELINE -- */
.timeline { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 0; align-items: start; margin-top: 48px; }.tl-step { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 28px 22px; text-align: center; }.tl-step h4 { font-size: .92rem; font-weight: 800; color: #fff; margin: 12px 0 8px; }.tl-step p { font-size: .78rem; color: rgba(255,255,255,.6); line-height: 1.6; }.tl-num { width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff; font-size: .78rem; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; }.tl-icon { font-size: 1.8rem; }.tl-arrow { display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.3); font-size: 1.5rem; padding: 0 8px; margin-top: 60px; }/* -- VERIFY BUTTONS -- */
.verify-btn { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; background: var(--card); border: 1.5px solid var(--border); border-radius: 14px; padding: 16px 28px; font-size: .92rem; font-weight: 700; color: var(--dark); transition: all .2s; box-shadow: var(--shadow-sm); text-decoration: none; }.verify-btn:hover { border-color: var(--accent); box-shadow: 0 4px 20px rgba(255,83,73,.12); transform: translateY(-2px); color: var(--accent); }.verify-hint { font-size: .72rem; font-weight: 500; color: var(--text-light); }/* -- PARTNER GRID -- */
.partner-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 40px; }.partner-logo { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 18px 16px; display: flex; align-items: center; justify-content: center; transition: box-shadow .2s, transform .2s; }.partner-logo:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }.partner-logo img { height: 28px; width: auto; max-width: 100%; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s, opacity .2s; }.partner-logo:hover img { filter: none; opacity: 1; }/* -- RESPONSIVE -- */
@media (max-width: 1024px) {
  .lic-grid { grid-template-columns: 1fr; }
  .dp-grid { grid-template-columns: repeat(2, 1fr); }
  .timeline { grid-template-columns: 1fr; gap: 16px; }
  .tl-arrow { transform: rotate(90deg); margin: 0 auto; }
  .partner-grid { grid-template-columns: repeat(4, 1fr); }
}@media (max-width: 768px) {
  .nav-links { display: none; }
.nav-phone-icon { display: flex; }
  .hamburger { display: flex; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .dp-grid { grid-template-columns: 1fr; }
  .rights-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .hero-badges { flex-direction: column; align-items: center; }
  .partner-grid { grid-template-columns: repeat(3, 1fr); }
}/* Offers Popup */
.op-modal{position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%) scale(.92);background:#fff;border-radius:20px;width:92vw;max-width:860px;max-height:82vh;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;box-shadow:0 25px 60px rgba(0,0,0,.18)}.op-modal.op-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.op-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.op-header h2{margin:0;font-size:1.3rem;font-weight:900;color:var(--dark)}.op-body{flex:1;min-height:0;overflow-y:auto;padding:8px 32px 32px}.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.op-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.op-modal{width:100vw;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:16px 16px 0 0;top:auto;left:0;bottom:0;transform:translateY(100%);transition:opacity .3s,transform .4s cubic-bezier(.32,1,.28,1),visibility .3s}.op-modal.op-open{transform:translateY(0)}.op-grid{grid-template-columns:1fr;gap:8px}.op-header{padding:18px 20px 14px}.op-body{padding:4px 20px 24px}.op-item{padding:14px 12px}}/* ── Products Popup ── */
@keyframes immCardIn {
  from { opacity: 0; transform: translateY(16px) scale(.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}.sit-card-icon { font-size:0; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; flex-shrink:0; color:#FF5349; background:rgba(255,83,73,.07); }.hp-sub-icon { font-size:0; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; }.hp-icon { font-size:0; display:flex; align-items:center; justify-content:center; }.hp-credit .hp-icon, .hp-credit .hp-sub-icon { color:#FF5349; }.hp-insure .hp-icon, .hp-insure .hp-sub-icon { color:#1565C0; }.hp-pension .hp-icon, .hp-pension .hp-sub-icon { color:#059669; }