/* QTag — Design System Corporate
   Sursă unică de adevăr pentru aspect. Profesional, tech, modern. */
:root{
  /* Paletă corporate — navy profund + accent electric */
  --qt-navy:#0d1b2a;
  --qt-navy-2:#1b263b;
  --qt-brand:#1e3a5f;
  --qt-accent:#3d8bfd;
  --qt-accent-2:#0ea5e9;
  --qt-ink:#0f172a;
  --qt-ink-2:#475569;
  --qt-ink-3:#94a3b8;
  --qt-bg:#f8fafc;
  --qt-surface:#ffffff;
  --qt-line:#e2e8f0;
  --qt-line-2:#f1f5f9;
  --qt-green:#10b981;
  --qt-amber:#f59e0b;
  --qt-red:#ef4444;
  --qt-radius:14px;
  --qt-radius-sm:10px;
  --qt-shadow:0 1px 3px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.04);
  --qt-shadow-lg:0 20px 50px rgba(15,23,42,.12);
  --qt-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{margin:0;padding:0;}
body{margin:0;padding:0;overflow-x:hidden;max-width:100vw;}
body{font-family:var(--qt-font);color:var(--qt-ink);background:var(--qt-bg);-webkit-font-smoothing:antialiased;line-height:1.6;}
img{max-width:100%;height:auto;}
a{text-decoration:none;color:inherit;}

/* ===== HEADER ===== */
.qt-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--qt-line);}
.qt-header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:28px;}
.qt-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.15rem;color:var(--qt-ink);letter-spacing:-.02em;}
.qt-logo img{height:34px;width:auto;display:block;}
.qt-logo-foot img{height:30px;width:auto;}
.qt-nav{display:flex;align-items:center;gap:4px;flex:1;}
.qt-nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:.9rem;font-weight:500;color:var(--qt-ink-2);border-radius:8px;border:none;background:none;cursor:pointer;font-family:inherit;transition:.15s;}
.qt-nav-link:hover{color:var(--qt-ink);background:var(--qt-line-2);}
.qt-nav-link.active{color:var(--qt-accent);}
.qt-nav-drop{position:relative;}
.qt-drop{position:absolute;top:calc(100% + 6px);left:0;background:var(--qt-surface);border:1px solid var(--qt-line);border-radius:var(--qt-radius);box-shadow:var(--qt-shadow-lg);padding:8px;min-width:230px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;}
.qt-nav-drop:hover .qt-drop{opacity:1;visibility:visible;transform:translateY(0);}
.qt-drop-item{display:block;padding:10px 14px;font-size:.875rem;color:var(--qt-ink-2);border-radius:8px;transition:.12s;}
.qt-drop-item:hover{background:var(--qt-line-2);color:var(--qt-accent);}
/* Mega-menu */
.qt-nav-mega{position:static;}
.qt-mega{position:absolute;top:calc(100% + 1px);left:0;right:0;margin:0 auto;width:min(960px,calc(100vw - 48px));background:var(--qt-surface);border:1px solid var(--qt-line);border-radius:var(--qt-radius);box-shadow:var(--qt-shadow-lg);padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:60;}
.qt-nav-mega:hover .qt-mega{opacity:1;visibility:visible;transform:translateY(0);}
.qt-mega-col{display:flex;flex-direction:column;}
.qt-mega-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--qt-ink-3);padding:0 12px 8px;margin-bottom:4px;border-bottom:1px solid var(--qt-line);}
.qt-mega-item{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:9px;transition:.12s;}
.qt-mega-item:hover{background:var(--qt-line-2);}
.qt-mega-label{font-size:.9rem;font-weight:600;color:var(--qt-ink);}
.qt-mega-item:hover .qt-mega-label{color:var(--qt-accent);}
.qt-mega-desc{font-size:.76rem;color:var(--qt-ink-3);line-height:1.3;}
.qt-header-right{display:flex;align-items:center;gap:10px;}
.qt-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;font-size:.875rem;font-weight:600;border-radius:9px;cursor:pointer;transition:.15s;border:1px solid transparent;font-family:inherit;white-space:nowrap;}
.qt-btn-primary{background:var(--qt-accent);color:#fff;box-shadow:0 1px 2px rgba(61,139,253,.3);}
.qt-btn-primary:hover{background:#2563eb;transform:translateY(-1px);}
.qt-btn-ghost{color:var(--qt-ink-2);border-color:var(--qt-line);background:#fff;}
.qt-btn-ghost:hover{border-color:var(--qt-ink-3);color:var(--qt-ink);}
.qt-btn-lg{padding:14px 28px;font-size:1rem;border-radius:11px;}
.qt-lang{position:relative;}
.qt-lang-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:.85rem;font-weight:600;color:var(--qt-ink-2);background:#fff;border:1px solid var(--qt-line);border-radius:9px;cursor:pointer;font-family:inherit;}
.qt-lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--qt-line);border-radius:var(--qt-radius);box-shadow:var(--qt-shadow-lg);padding:6px;min-width:170px;display:none;z-index:1001;}
.qt-lang-menu.open{display:block;}
.qt-lang-item{padding:9px 13px;font-size:.85rem;border-radius:8px;cursor:pointer;transition:.12s;}
.qt-lang-item:hover{background:var(--qt-line-2);}
.qt-burger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--qt-ink);}
.qt-mobile-menu{display:none;flex-direction:column;padding:12px 24px 20px;border-top:1px solid var(--qt-line);background:#fff;}
.qt-mobile-menu.open{display:flex;}
.qt-mobile-link,.qt-mobile-group>a{display:block;padding:11px 0;font-size:.95rem;color:var(--qt-ink-2);border-bottom:1px solid var(--qt-line-2);}
.qt-mobile-group{padding:8px 0;}
.qt-mobile-group>span{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--qt-ink-3);padding:8px 0 4px;}
.qt-mobile-group>a{padding-left:12px;}

/* ===== FOOTER ===== */
.qt-footer{background:var(--qt-navy);color:#cbd5e1;margin-top:80px;}
.qt-footer-inner{max-width:1280px;margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.qt-foot-brand .qt-logo{color:#fff;margin-bottom:14px;}
.qt-foot-brand p{font-size:.875rem;color:#94a3b8;max-width:320px;line-height:1.7;}
.qt-foot-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 16px;font-weight:700;}
.qt-foot-col a{display:block;font-size:.875rem;color:#94a3b8;padding:6px 0;transition:.12s;}
.qt-foot-col a:hover{color:#fff;}
.qt-footer-bottom{max-width:1280px;margin:0 auto;padding:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;flex-wrap:wrap;gap:10px;}

/* ===== UTILITARE LAYOUT ===== */
.qt-container{max-width:1280px;margin:0 auto;padding:0 24px;}
.qt-section{padding:80px 0;}
.qt-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--qt-accent);margin-bottom:14px;}
.qt-h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 20px;color:var(--qt-ink);}
.qt-h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px;}
.qt-lead{font-size:1.15rem;color:var(--qt-ink-2);line-height:1.7;max-width:640px;}
.qt-card{background:var(--qt-surface);border:1px solid var(--qt-line);border-radius:var(--qt-radius);padding:28px;box-shadow:var(--qt-shadow);transition:.2s;}
.qt-card:hover{box-shadow:var(--qt-shadow-lg);transform:translateY(-2px);}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .qt-nav{display:none;}
  .qt-header-right .qt-btn-ghost{display:none;}
  .qt-burger{display:block;}
  .qt-footer-inner{grid-template-columns:1fr 1fr;gap:28px;}
}
@media(max-width:560px){
  .qt-header-inner{padding:0 16px;gap:12px;}
  .qt-header-right .qt-btn-primary{display:none;}
  .qt-footer-inner{grid-template-columns:1fr;}
  .qt-footer-bottom{flex-direction:column;text-align:center;}
}
