@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,600;1,300&family=Share+Tech+Mono&display=swap');

/* ═══════════════════════════════════════════════════
   My Info CAR – Login Templates v4
   Templates: corporate | minimal | luxury | tech
═══════════════════════════════════════════════════ */


/* ── CSS Variables (overridden inline per template) ── */
:root {
  --mic-primary:   #1a3c6e;
  --mic-accent:    #2563eb;
  --mic-radius:    14px;
  --mic-shadow:    0 25px 60px rgba(0,0,0,0.15);
}

/* ── Base reset for all templates ── */
.mic-login-page {
  margin: 0; padding: 0;
  font-family: 'DM Sans', sans-serif;
}
.mic-login-wrapper *,
.mic-login-wrapper *::before,
.mic-login-wrapper *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}
.mic-login-wrapper { min-height: 100vh; display: flex; }

/* ── Shared form elements ── */
.mic-field { display: flex; flex-direction: column; gap: 7px; }
.mic-field label {
  font-size: 13px; font-weight: 600;
  display: flex; justify-content: space-between; align-items: center;
}
.mic-input-wrap { position: relative; display: flex; align-items: center; }
.mic-input-icon { position: absolute; left: 14px; pointer-events: none; }
.mic-input-wrap input {
  width: 100%; height: 48px;
  padding: 0 44px 0 44px;
  font-family: inherit; font-size: 14.5px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.mic-toggle-pass {
  position: absolute; right: 14px;
  background: none; border: none; cursor: pointer; padding: 4px; line-height: 0;
}
.mic-remember { display: flex; align-items: center; }
.mic-checkbox-label {
  display: flex; align-items: center; gap: 10px;
  cursor: pointer; font-size: 13.5px; user-select: none;
}
.mic-checkbox-label input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
.mic-checkbox-custom {
  width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.mic-checkbox-label input:checked ~ .mic-checkbox-custom::after {
  content: ''; width: 5px; height: 9px;
  border: 2px solid #fff; border-top: none; border-left: none;
  transform: rotate(45deg) translateY(-1px); display: block;
}
.mic-btn-submit {
  width: 100%; height: 52px; border: none; cursor: pointer;
  font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: .3px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  transition: all .2s;
}
.mic-btn-submit svg { transition: transform .2s; }
.mic-btn-submit:hover svg { transform: translateX(3px); }
.mic-alert {
  padding: 12px 16px; font-size: 13.5px; font-weight: 500;
  display: flex; align-items: center; gap: 8px;
}
.mic-alert-error { background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }

@keyframes mic-fadein  { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
@keyframes mic-slideup { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
@keyframes mic-spin    { to { transform: rotate(360deg); } }


/* ══════════════════════════════════════════════════════
   TEMPLATE 1: CORPORATE (split left/right – default)
══════════════════════════════════════════════════════ */
.mic-tpl-corporate .mic-login-wrapper { flex-direction: row; }

.mic-tpl-corporate .mic-login-left {
  flex: 0 0 42%;
  background: var(--mic-primary);
  background-image: radial-gradient(ellipse at 20% 20%, rgba(37,99,235,.4) 0,transparent 60%),
                    radial-gradient(ellipse at 80% 80%, rgba(15,36,68,.7) 0,transparent 60%);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 60px 48px; position: relative; overflow: hidden;
}
.mic-tpl-corporate .mic-brand { position:relative; z-index:2; text-align:center; animation: mic-fadein .7s ease both; }
.mic-tpl-corporate .mic-logo-img  { max-width:180px; max-height:80px; object-fit:contain; margin-bottom:20px; filter:brightness(0) invert(1); }
.mic-tpl-corporate .mic-logo-text { font-family:'Playfair Display',serif; font-size:clamp(28px,3vw,38px); font-weight:700; color:#fff; margin-bottom:16px; }
.mic-tpl-corporate .mic-tagline   { font-size:15px; font-weight:300; color:rgba(255,255,255,.72); max-width:260px; line-height:1.6; }
.mic-tpl-corporate .mic-deco { position:absolute; inset:0; pointer-events:none; }
.mic-tpl-corporate .mic-deco-ring { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.08); }
.mic-tpl-corporate .r1{width:400px;height:400px;bottom:-160px;right:-160px}
.mic-tpl-corporate .r2{width:260px;height:260px;bottom:-80px;right:-80px}
.mic-tpl-corporate .r3{width:140px;height:140px;top:40px;left:30px}
.mic-tpl-corporate .mic-deco-dots { position:absolute; top:48px; right:48px; width:80px; height:80px; background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px); background-size:12px 12px; }

.mic-tpl-corporate .mic-login-right { flex:1; background:#f8fafc; display:flex; align-items:center; justify-content:center; padding:40px 24px; }
.mic-tpl-corporate .mic-card { width:100%; max-width:440px; background:#fff; border-radius:var(--mic-radius); box-shadow:var(--mic-shadow); overflow:hidden; animation: mic-slideup .5s cubic-bezier(.16,1,.3,1) both; }
.mic-tpl-corporate .mic-card-header { padding:40px 40px 28px; border-bottom:1px solid #e2e8f0; }
.mic-tpl-corporate .mic-card-header h1 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:#1e293b; margin-bottom:6px; }
.mic-tpl-corporate .mic-card-header p  { font-size:14px; color:#64748b; }
.mic-tpl-corporate .mic-alert { margin:20px 40px 0; border-radius:8px; }
.mic-tpl-corporate .mic-form { padding:28px 40px; display:flex; flex-direction:column; gap:20px; }
.mic-tpl-corporate .mic-field label  { color:#1e293b; }
.mic-tpl-corporate .mic-forgot       { font-size:12px; color:var(--mic-accent); text-decoration:none; }
.mic-tpl-corporate .mic-forgot:hover { text-decoration:underline; }
.mic-tpl-corporate .mic-forgot-below  { display:block; text-align:right; margin-top:6px; font-size:12px; color:var(--mic-accent); text-decoration:none; }
.mic-tpl-corporate .mic-forgot-below:hover { text-decoration:underline; }
.mic-tpl-corporate .mic-input-icon   { color:#94a3b8; }
.mic-tpl-corporate .mic-input-wrap input {
  border:1.5px solid #e2e8f0; border-radius:9px; background:#fff; color:#1e293b;
}
.mic-tpl-corporate .mic-input-wrap input:focus { border-color:var(--mic-accent); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.mic-tpl-corporate .mic-toggle-pass  { color:#94a3b8; }
.mic-tpl-corporate .mic-checkbox-label { color:#64748b; }
.mic-tpl-corporate .mic-checkbox-custom { border:1.5px solid #e2e8f0; background:#fff; }
.mic-tpl-corporate .mic-checkbox-label input:checked ~ .mic-checkbox-custom { background:var(--mic-accent); border-color:var(--mic-accent); }
.mic-tpl-corporate .mic-btn-submit {
  background:var(--mic-primary); color:#fff; border-radius:10px;
  box-shadow:0 4px 16px rgba(26,60,110,.3); margin-top:4px;
}
.mic-tpl-corporate .mic-btn-submit:hover { background:var(--mic-accent); box-shadow:0 6px 20px rgba(37,99,235,.4); transform:translateY(-1px); }
.mic-tpl-corporate .mic-card-footer { padding:20px 40px 28px; border-top:1px solid #e2e8f0; background:#f8fafc; }
.mic-tpl-corporate .mic-card-footer p { font-size:12.5px; color:#64748b; text-align:center; }
.mic-tpl-corporate .mic-register-link { font-size:13.5px !important; font-weight:400; color:#64748b !important; text-align:center; }
.mic-tpl-corporate .mic-register-link a { font-size:13.5px; color:var(--mic-accent); font-weight:600; text-decoration:none; }
.mic-tpl-corporate .mic-register-link a:hover { text-decoration:underline; }


/* ══════════════════════════════════════════════════════
   TEMPLATE 2: MINIMAL / CLEAN
   Card centrat, fundal gradient subtil, fara ornamente
══════════════════════════════════════════════════════ */
.mic-tpl-minimal .mic-login-wrapper {
  align-items: center; justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #f0f4ff 0%, #fafafa 50%, #f0f9ff 100%);
}
.mic-tpl-minimal .mic-login-left  { display: none; }
.mic-tpl-minimal .mic-login-right { width: 100%; display: flex; align-items: center; justify-content: center; padding: 24px; }

.mic-tpl-minimal .mic-card {
  width: 100%; max-width: 420px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,.04), 0 20px 60px rgba(0,0,0,.08);
  overflow: hidden;
  animation: mic-slideup .45s cubic-bezier(.16,1,.3,1) both;
}
.mic-tpl-minimal .mic-card-header {
  padding: 44px 40px 24px;
  text-align: center;
}
.mic-tpl-minimal .mic-card-header::before {
  content: '';
  display: block;
  width: 48px; height: 48px;
  background: var(--mic-primary);
  border-radius: 14px;
  margin: 0 auto 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center; background-size: 22px;
}
.mic-tpl-minimal .mic-logo-img { max-width:140px; max-height:50px; object-fit:contain; margin:0 auto 16px; display:block; }
.mic-tpl-minimal .mic-logo-text { display:none; }
.mic-tpl-minimal .mic-tagline   { display:none; }
.mic-tpl-minimal .mic-card-header h1 { font-family:'DM Sans',sans-serif; font-size:22px; font-weight:600; color:#0f172a; margin-bottom:6px; }
.mic-tpl-minimal .mic-card-header p  { font-size:14px; color:#94a3b8; }
.mic-tpl-minimal .mic-alert     { margin:0 32px; border-radius:10px; }
.mic-tpl-minimal .mic-form      { padding:24px 40px 32px; display:flex; flex-direction:column; gap:18px; }
.mic-tpl-minimal .mic-field label { font-size:12px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:#64748b; }
.mic-tpl-minimal .mic-forgot    { font-size:11px; color:var(--mic-accent); text-decoration:none; text-transform:none; letter-spacing:0; }
.mic-tpl-minimal .mic-input-icon { color:#cbd5e1; }
.mic-tpl-minimal .mic-input-wrap input {
  border:0; border-bottom:2px solid #e2e8f0; border-radius:0;
  background:transparent; color:#0f172a;
  padding-left:38px; padding-right:44px;
}
.mic-tpl-minimal .mic-input-wrap input:focus { border-bottom-color:var(--mic-accent); box-shadow:none; }
.mic-tpl-minimal .mic-toggle-pass { color:#cbd5e1; }
.mic-tpl-minimal .mic-checkbox-label { color:#94a3b8; font-size:13px; }
.mic-tpl-minimal .mic-checkbox-custom { border:2px solid #e2e8f0; background:#fff; border-radius:4px; }
.mic-tpl-minimal .mic-checkbox-label input:checked ~ .mic-checkbox-custom { background:var(--mic-accent); border-color:var(--mic-accent); }
.mic-tpl-minimal .mic-btn-submit {
  background:var(--mic-primary); color:#fff;
  border-radius:12px; font-weight:500; letter-spacing:.5px; font-size:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.mic-tpl-minimal .mic-btn-submit:hover { opacity:.9; transform:translateY(-1px); box-shadow:0 4px 16px rgba(0,0,0,.15); }
.mic-tpl-minimal .mic-card-footer { padding:0 40px 28px; }
.mic-tpl-minimal .mic-card-footer p { font-size:12px; color:#cbd5e1; text-align:center; }


/* ══════════════════════════════════════════════════════
   TEMPLATE 3: LUXURY / ELEGANT
   Negru profund + auriu, fonturi serif, rafinat
══════════════════════════════════════════════════════ */
.mic-tpl-luxury {
  --lux-gold: #c9a84c;
  --lux-gold-light: #e8c96a;
  --lux-bg: #0a0a0a;
  --lux-surface: #111111;
  --lux-border: rgba(201,168,76,.2);
}
.mic-tpl-luxury .mic-login-wrapper {
  flex-direction: row;
  background: var(--lux-bg);
}

/* Stânga luxury */
.mic-tpl-luxury .mic-login-left {
  flex: 0 0 44%;
  background: linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 100%);
  border-right: 1px solid var(--lux-border);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 60px 48px; position: relative; overflow: hidden;
}
.mic-tpl-luxury .mic-brand { position:relative; z-index:2; text-align:center; animation:mic-fadein .8s ease both; }
.mic-tpl-luxury .mic-logo-img  { max-width:160px; max-height:70px; object-fit:contain; margin-bottom:24px; filter:brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(5deg); }
.mic-tpl-luxury .mic-logo-text {
  font-family:'Cormorant Garamond',serif; font-size:clamp(30px,3vw,42px);
  font-weight:300; color:#fff; letter-spacing:4px; text-transform:uppercase; margin-bottom:16px; line-height:1.2;
}
.mic-tpl-luxury .mic-tagline {
  font-family:'Cormorant Garamond',serif; font-style:italic;
  font-size:15px; font-weight:300; color:var(--lux-gold); letter-spacing:1px; line-height:1.7;
}
/* Ornament linii aurii */
.mic-tpl-luxury .mic-deco { position:absolute; inset:0; pointer-events:none; }
.mic-tpl-luxury .mic-deco::before,
.mic-tpl-luxury .mic-deco::after {
  content:''; position:absolute;
  border:1px solid rgba(201,168,76,.12); border-radius:50%;
}
.mic-tpl-luxury .mic-deco::before { width:500px;height:500px; bottom:-200px;right:-200px; }
.mic-tpl-luxury .mic-deco::after  { width:300px;height:300px; top:-100px;left:-100px; }
.mic-tpl-luxury .mic-deco-ring,
.mic-tpl-luxury .mic-deco-dots { display:none; }
/* Separare aurie */
.mic-tpl-luxury .mic-brand::after {
  content:''; display:block; width:60px; height:1px;
  background:linear-gradient(90deg,transparent,var(--lux-gold),transparent);
  margin:20px auto 0;
}

/* Dreapta luxury */
.mic-tpl-luxury .mic-login-right {
  flex:1; background:var(--lux-bg);
  display:flex; align-items:center; justify-content:center; padding:40px 24px;
}
.mic-tpl-luxury .mic-card {
  width:100%; max-width:440px; background:var(--lux-surface);
  border:1px solid var(--lux-border);
  border-radius:4px;
  box-shadow:0 32px 80px rgba(0,0,0,.6);
  overflow:hidden; animation:mic-slideup .6s cubic-bezier(.16,1,.3,1) both;
}
.mic-tpl-luxury .mic-card-header { padding:44px 44px 28px; border-bottom:1px solid var(--lux-border); }
.mic-tpl-luxury .mic-card-header h1 {
  font-family:'Cormorant Garamond',serif; font-size:30px; font-weight:300;
  color:#fff; letter-spacing:2px; margin-bottom:8px; line-height:1.2;
}
.mic-tpl-luxury .mic-card-header p { font-size:13px; color:#666; letter-spacing:.5px; }
.mic-tpl-luxury .mic-alert  { margin:20px 44px 0; border-radius:2px; }
.mic-tpl-luxury .mic-form   { padding:32px 44px; display:flex; flex-direction:column; gap:24px; }
.mic-tpl-luxury .mic-field label { font-size:10px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#888; }
.mic-tpl-luxury .mic-forgot { font-size:10px; color:var(--lux-gold); text-decoration:none; text-transform:none; letter-spacing:0; }
.mic-tpl-luxury .mic-forgot:hover { color:var(--lux-gold-light); }
.mic-tpl-luxury .mic-input-icon { color:#444; }
.mic-tpl-luxury .mic-input-wrap input {
  background:#1a1a1a; color:#e8e8e8;
  border:0; border-bottom:1px solid #333; border-radius:0;
  padding-left:38px; font-size:14px; letter-spacing:.5px;
}
.mic-tpl-luxury .mic-input-wrap input::placeholder { color:#444; }
.mic-tpl-luxury .mic-input-wrap input:focus { border-bottom-color:var(--lux-gold); box-shadow:none; }
.mic-tpl-luxury .mic-toggle-pass { color:#555; }
.mic-tpl-luxury .mic-toggle-pass:hover { color:var(--lux-gold); }
.mic-tpl-luxury .mic-checkbox-label { color:#666; font-size:12px; letter-spacing:.3px; }
.mic-tpl-luxury .mic-checkbox-custom { border:1px solid #333; background:transparent; border-radius:2px; }
.mic-tpl-luxury .mic-checkbox-label input:checked ~ .mic-checkbox-custom { background:var(--lux-gold); border-color:var(--lux-gold); }
.mic-tpl-luxury .mic-btn-submit {
  background:transparent; color:var(--lux-gold);
  border:1px solid var(--lux-gold); border-radius:2px;
  font-family:'Cormorant Garamond',serif; font-size:14px; font-weight:300;
  letter-spacing:3px; text-transform:uppercase; margin-top:8px;
  height:56px;
}
.mic-tpl-luxury .mic-btn-submit:hover {
  background:var(--lux-gold); color:#000;
}
.mic-tpl-luxury .mic-card-footer { padding:20px 44px 32px; border-top:1px solid var(--lux-border); }
.mic-tpl-luxury .mic-card-footer p { font-size:11px; color:#444; text-align:center; letter-spacing:.5px; }


/* ══════════════════════════════════════════════════════
   TEMPLATE 4: TECH / FUTURISTIC
   Dark, grid animat, accente neon, monospace
══════════════════════════════════════════════════════ */
.mic-tpl-tech {
  --tech-neon: var(--mic-accent);
  --tech-bg:   #050a0f;
  --tech-surface: #0d1117;
  --tech-border:  rgba(0,200,255,.15);
}
.mic-tpl-tech .mic-login-wrapper {
  align-items: center; justify-content: center; min-height: 100vh;
  background: var(--tech-bg);
  position: relative; overflow: hidden;
}

/* Grid animat de fundal */
.mic-tpl-tech .mic-login-wrapper::before {
  content: '';
  position: absolute; inset: -50%;
  background-image:
    linear-gradient(rgba(0,200,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,200,255,.03) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: mic-grid-move 20s linear infinite;
}
@keyframes mic-grid-move {
  0%   { transform: translateY(0); }
  100% { transform: translateY(50px); }
}
/* Glow central */
.mic-tpl-tech .mic-login-wrapper::after {
  content: '';
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(0,100,255,.08) 0%, transparent 70%);
  pointer-events: none;
}

.mic-tpl-tech .mic-login-left  { display: none; }
.mic-tpl-tech .mic-login-right {
  position: relative; z-index: 2;
  width: 100%; display: flex; align-items: center; justify-content: center; padding: 24px;
}

.mic-tpl-tech .mic-card {
  width: 100%; max-width: 460px;
  background: var(--tech-surface);
  border: 1px solid var(--tech-border);
  border-radius: 4px;
  box-shadow: 0 0 40px rgba(0,150,255,.08), 0 0 80px rgba(0,0,0,.6);
  overflow: hidden; position: relative;
  animation: mic-slideup .5s cubic-bezier(.16,1,.3,1) both;
}
/* Linie neon sus */
.mic-tpl-tech .mic-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--tech-neon), transparent);
}
/* Corner brackets */
.mic-tpl-tech .mic-card::after {
  content: '';
  position: absolute; bottom: 0; right: 0;
  width: 20px; height: 20px;
  border-bottom: 2px solid var(--tech-neon);
  border-right:  2px solid var(--tech-neon);
  opacity: .5;
}

.mic-tpl-tech .mic-card-header { padding: 36px 40px 24px; border-bottom: 1px solid var(--tech-border); position: relative; }
/* Logo / site name */
.mic-tpl-tech .mic-logo-img  { max-width:140px; max-height:40px; object-fit:contain; margin-bottom:16px; display:block; filter:brightness(0) invert(1); }
.mic-tpl-tech .mic-logo-text {
  font-family:'Share Tech Mono',monospace; font-size:13px;
  color:var(--tech-neon); letter-spacing:3px; text-transform:uppercase;
  margin-bottom:12px; opacity:.8;
}
.mic-tpl-tech .mic-tagline { display:none; }
.mic-tpl-tech .mic-card-header h1 {
  font-family:'Share Tech Mono',monospace; font-size:22px;
  color:#e2e8f0; font-weight:400; letter-spacing:1px; margin-bottom:6px;
}
.mic-tpl-tech .mic-card-header p { font-size:12px; color:#4a5568; font-family:'Share Tech Mono',monospace; letter-spacing:.5px; }
/* Blinking cursor dopo titolo */
.mic-tpl-tech .mic-card-header h1::after {
  content: '_';
  animation: mic-blink .9s step-end infinite;
  color: var(--tech-neon);
}
@keyframes mic-blink { 0%,100%{opacity:1} 50%{opacity:0} }

.mic-tpl-tech .mic-alert  { margin:20px 40px 0; border-radius:2px; background:#1a0000; border-color:#f00; color:#ff6b6b; }
.mic-tpl-tech .mic-form   { padding:28px 40px; display:flex; flex-direction:column; gap:20px; }
.mic-tpl-tech .mic-field label {
  font-family:'Share Tech Mono',monospace; font-size:11px;
  color:#4a5568; letter-spacing:2px; text-transform:uppercase;
}
.mic-tpl-tech .mic-forgot { font-size:11px; color:var(--tech-neon); text-decoration:none; text-transform:none; letter-spacing:0; font-family:'DM Sans',sans-serif; }
.mic-tpl-tech .mic-input-icon { color:#2d3748; }
.mic-tpl-tech .mic-input-wrap input {
  background:#080d12; color:#a0aec0;
  border:1px solid #1a2332; border-radius:2px;
  font-family:'Share Tech Mono',monospace; font-size:14px; letter-spacing:.5px;
  padding-left:38px;
}
.mic-tpl-tech .mic-input-wrap input::placeholder { color:#2d3748; }
.mic-tpl-tech .mic-input-wrap input:focus {
  border-color:var(--tech-neon);
  box-shadow:0 0 0 2px rgba(0,200,255,.1), 0 0 12px rgba(0,200,255,.06);
  color:#e2e8f0;
}
.mic-tpl-tech .mic-toggle-pass { color:#2d3748; }
.mic-tpl-tech .mic-toggle-pass:hover { color:var(--tech-neon); }
.mic-tpl-tech .mic-checkbox-label { color:#4a5568; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.5px; }
.mic-tpl-tech .mic-checkbox-custom { border:1px solid #1a2332; background:#080d12; border-radius:2px; }
.mic-tpl-tech .mic-checkbox-label input:checked ~ .mic-checkbox-custom { background:var(--tech-neon); border-color:var(--tech-neon); }
.mic-tpl-tech .mic-btn-submit {
  background:transparent; color:var(--tech-neon);
  border:1px solid var(--tech-neon); border-radius:2px;
  font-family:'Share Tech Mono',monospace; font-size:13px;
  font-weight:400; letter-spacing:3px; text-transform:uppercase;
  margin-top:4px; height:52px;
  box-shadow:0 0 20px rgba(0,200,255,.1);
}
.mic-tpl-tech .mic-btn-submit:hover {
  background:var(--tech-neon); color:#000;
  box-shadow:0 0 30px rgba(0,200,255,.3);
}
.mic-tpl-tech .mic-card-footer { padding:16px 40px 28px; border-top:1px solid var(--tech-border); }
.mic-tpl-tech .mic-card-footer p { font-size:11px; color:#2d3748; text-align:center; font-family:'Share Tech Mono',monospace; letter-spacing:.5px; }


/* ══════════════════════════════════════════════════
   RESPONSIVE (toate templatele)
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .mic-tpl-corporate .mic-login-wrapper { flex-direction: column; }
  .mic-tpl-corporate .mic-login-left    { flex:0 0 auto; padding:40px 24px; min-height:200px; }
  .mic-tpl-corporate .r1,.mic-tpl-corporate .r2,.mic-tpl-corporate .r3 { display:none; }
  .mic-tpl-luxury .mic-login-wrapper    { flex-direction: column; }
  .mic-tpl-luxury .mic-login-left       { flex:0 0 auto; padding:40px 24px; min-height:200px; }
  .mic-tpl-corporate .mic-form,
  .mic-tpl-luxury    .mic-form          { padding:24px; }
  .mic-tpl-corporate .mic-card-header,
  .mic-tpl-luxury    .mic-card-header   { padding:28px 24px 20px; }
  .mic-tpl-corporate .mic-card-footer,
  .mic-tpl-luxury    .mic-card-footer   { padding:16px 24px 24px; }
  .mic-tpl-corporate .mic-alert,
  .mic-tpl-luxury    .mic-alert         { margin:16px 24px 0; }
  .mic-tpl-luxury    .mic-form          { padding:24px 28px; }
  .mic-tpl-luxury    .mic-card-footer   { padding:16px 28px 24px; }
}