html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
:root{--bg-main:#0b1120;--text-main:#e5e7eb;--muted:#9ca3af;--accent:#6366f1;--accent-soft:#818cf8;--border-soft:#1f2933;--section-border:#111827;--card-bg:#020617;--card-border:#1e293b;--badge-bg:rgba(15,23,42,.7);--footer-bg:#020617;--header-bg:rgba(15,23,42,.85);--input-bg:#020617;--input-border:#1f2933}
body[data-theme=light]{--bg-main:#f9fafb;--text-main:#0f172a;--muted:#6b7280;--accent:#4f46e5;--accent-soft:#4f46e5;--border-soft:#e5e7eb;--section-border:#e5e7eb;--card-bg:#fff;--card-border:#e5e7eb;--badge-bg:#eef2ff;--footer-bg:#f3f4f6;--header-bg:#ffffffee;--input-bg:#fff;--input-border:#d1d5db}
.mik-page{background:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mik-shell{display:flex;flex-direction:column;min-height:100vh}
.mik-main{flex:1}
.mik-wrap{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem;width:100%}
/* Header */
.mik-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:var(--header-bg);border-bottom:1px solid var(--border-soft)}
.mik-header-inner{max-width:1100px;margin:0 auto;padding:.6rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mik-header-left{display:flex;align-items:center;gap:1.5rem;min-width:0}
.mik-logo{display:flex;flex-direction:column;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mik-logo span{font-size:.7rem;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}
.mik-nav{display:flex;align-items:center;gap:1rem;font-size:.85rem;flex-wrap:wrap}
.mik-nav-list{display:flex;gap:1rem;padding:0;margin:0;list-style:none;flex-wrap:wrap}
.mik-nav a,.mik-nav-list li a{color:var(--muted);text-decoration:none;white-space:nowrap}
.mik-nav a:hover,.mik-nav-list li a:hover{color:var(--text-main)}
.mik-footer{background:var(--footer-bg);border-top:1px solid var(--border-soft);padding:1.5rem 0;color:var(--muted);font-size:.85rem}
.mik-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-inline:1.5rem;flex-wrap:wrap;gap:.5rem}
.mik-footer a{color:var(--accent-soft);text-decoration:none}
.mik-footer a:hover{color:var(--accent)}

/* Language buttons */
.mik-lang-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: flex-end;
}

.mik-lang-btn {
  background: transparent;
  border: 1px solid var(--border-soft);
  color: var(--muted);
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mik-lang-btn:hover {
  color: var(--accent);
  border-color: var(--accent-soft);
}

.mik-lang-active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}