/* PortalMine home stylesheet v16079. */
/* PortalMine public stylesheet v16079. Replaces runtime Tailwind CDN. */
/* tw-lite.css (generated) - Minimal Tailwind-like utilities for PortalMine (offline-safe) */

*{box-sizing:border-box;}

:root{--tw-border-color: rgba(148,163,184,0.35); --tw-ring-color: rgba(168,85,247,0.6);} 

@keyframes spin{to{transform:rotate(360deg);}}

.absolute {
  position: absolute;
}

.accent-purple-500 {
  accent-color: rgba(168,85,247,1.0);
}

.active\:scale-95:active {
  transform: scale(0.95);
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.backdrop-blur {
  backdrop-filter: blur(12px);
}

.bg-\[\#f5f3ff\] {
  background-color: rgba(245,243,255,1.0);
}

.bg-\[\#f9fafb\] {
  background-color: rgba(249,250,251,1.0);
}

.bg-black\/60 {
  background-color: rgba(0,0,0,0.6);
}

.bg-black\/70 {
  background-color: rgba(0,0,0,0.7);
}

.bg-emerald-400 {
  background-color: rgba(52,211,153,1.0);
}

.bg-emerald-500 {
  background-color: rgba(16,185,129,1.0);
}

.bg-emerald-500\/90 {
  background-color: rgba(16,185,129,0.9);
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-from, transparent), var(--tw-gradient-via, transparent), var(--tw-gradient-to, transparent));
}

.bg-purple-500 {
  background-color: rgba(168,85,247,1.0);
}

.bg-red-900\/30 {
  background-color: rgba(127,29,29,0.3);
}

.bg-sky-600 {
  background-color: rgba(2,132,199,1.0);
}

.bg-slate-800 {
  background-color: rgba(30,41,59,1.0);
}

.bg-slate-900 {
  background-color: rgba(15,23,42,1.0);
}

.bg-slate-900\/40 {
  background-color: rgba(15,23,42,0.4);
}

.bg-slate-900\/60 {
  background-color: rgba(15,23,42,0.6);
}

.bg-slate-900\/80 {
  background-color: rgba(15,23,42,0.8);
}

.bg-slate-900\/90 {
  background-color: rgba(15,23,42,0.9);
}

.bg-white {
  background-color: rgba(255,255,255,1.0);
}

.bg-white\/10 {
  background-color: rgba(255,255,255,0.1);
}

.bg-white\/5 {
  background-color: rgba(255,255,255,0.05);
}

.bg-white\/80 {
  background-color: rgba(255,255,255,0.8);
}

.block {
  display: block;
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--tw-border-color, rgba(148,163,184,0.3));
}

.border-2 {
  border-width: 2px;
  border-style: solid;
  border-color: var(--tw-border-color, rgba(148,163,184,0.3));
}

.border-\[\#e5e7eb\] {
  --tw-border-color: rgba(229,231,235,1.0);
  border-color: rgba(229,231,235,1.0);
}

.border-amber-400\/40 {
  --tw-border-color: rgba(251,191,36,0.4);
  border-color: rgba(251,191,36,0.4);
}

.border-b {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--tw-border-color, rgba(148,163,184,0.3));
}

.border-dashed {
  border-style: dashed;
}

.border-emerald-400\/40 {
  --tw-border-color: rgba(52,211,153,0.4);
  border-color: rgba(52,211,153,0.4);
}

.border-r {
  border-right-width: 1px;
  border-style: solid;
  border-color: var(--tw-border-color, rgba(148,163,184,0.3));
}

.border-red-500\/60 {
  --tw-border-color: rgba(239,68,68,0.6);
  border-color: rgba(239,68,68,0.6);
}

.border-slate-200 {
  --tw-border-color: rgba(226,232,240,1.0);
  border-color: rgba(226,232,240,1.0);
}

.border-slate-600 {
  --tw-border-color: rgba(71,85,105,1.0);
  border-color: rgba(71,85,105,1.0);
}

.border-slate-700 {
  --tw-border-color: rgba(51,65,85,1.0);
  border-color: rgba(51,65,85,1.0);
}

.border-slate-800 {
  --tw-border-color: rgba(30,41,59,1.0);
  border-color: rgba(30,41,59,1.0);
}

.border-slate-800\/70 {
  --tw-border-color: rgba(30,41,59,0.7);
  border-color: rgba(30,41,59,0.7);
}

.border-slate-900 {
  --tw-border-color: rgba(15,23,42,1.0);
  border-color: rgba(15,23,42,1.0);
}

.border-t {
  border-top-width: 1px;
  border-style: solid;
  border-color: var(--tw-border-color, rgba(148,163,184,0.3));
}

.border-t-transparent {
  border-top-color: transparent;
}

.border-transparent {
  --tw-border-color: transparent;
}

.border-white\/10 {
  --tw-border-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.1);
}

.bottom-4 {
  bottom: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.fixed {
  position: fixed;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.focus\:bg-white:focus {
  background-color: rgba(255,255,255,1.0);
}

.focus\:border-slate-500:focus {
  --tw-border-color: rgba(100,116,139,1.0);
  border-color: rgba(100,116,139,1.0);
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:left-4:focus {
  left: 1rem;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:outline-none:focus {
  outline: none;
}

.focus\:px-4:focus {
  padding-left: 1rem;
  padding-right: 1rem;
}

.focus\:py-2:focus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.focus\:ring-2:focus {
  box-shadow: 0 0 0 2px var(--tw-ring-color, rgba(168,85,247,0.6));
}

.focus\:ring-purple-500:focus {
  --tw-ring-color: rgba(168,85,247,1.0);
}

.focus\:rounded-lg:focus {
  border-radius: 0.5rem;
}

.focus\:text-black:focus {
  color: rgba(0,0,0,1.0);
}

.focus\:top-4:focus {
  top: 1rem;
}

.focus\:z-50:focus {
  z-index: 50;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.font-semibold {
  font-weight: 600;
}

.from-purple-500 {
  --tw-gradient-from: rgba(168,85,247,1.0);
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.grid {
  display: grid;
}

.grid-cols-1 {
  grid-template-columns: repeat(1,minmax(0,1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.h-10 {
  height: 2.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-4 {
  height: 1rem;
}

.h-7 {
  height: 1.75rem;
}

.h-9 {
  height: 2.25rem;
}

.h-full {
  height: 100%;
}

.hidden {
  display: none;
}

.hover\:bg-\[\#f5f3ff\]:hover {
  background-color: rgba(245,243,255,1.0);
}

.hover\:bg-emerald-400:hover {
  background-color: rgba(52,211,153,1.0);
}

.hover\:bg-slate-700:hover {
  background-color: rgba(51,65,85,1.0);
}

.hover\:bg-slate-800:hover {
  background-color: rgba(30,41,59,1.0);
}

.hover\:bg-white\/10:hover {
  background-color: rgba(255,255,255,0.1);
}

.hover\:bg-white\/15:hover {
  background-color: rgba(255,255,255,0.15);
}

.hover\:bg-white\/5:hover {
  background-color: rgba(255,255,255,0.05);
}

.hover\:border-\[rgba\(59\,130\,246\,0\.55\)\]:hover {
  --tw-border-color: rgba(59,130,246,0.55);
  border-color: rgba(59,130,246,0.55);
}

.hover\:scale-105:hover {
  transform: scale(1.05);
}

.hover\:text-\[\#111827\]:hover {
  color: rgba(17,24,39,1.0);
}

.hover\:text-white:hover {
  color: rgba(255,255,255,1.0);
}

.hover\:text-white\/80:hover {
  color: rgba(255,255,255,0.8);
}

.inline-flex {
  display: inline-flex;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.leading-snug {
  line-height: 1.375;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xl {
  max-width: 36rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.min-h-screen {
  min-height: 100vh;
}

.min-w-0 {
  min-width: 0;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.outline-none {
  outline: none;
}

.overflow-y-auto {
  overflow-y: auto;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.relative {
  position: relative;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.select-none {
  user-select: none;
}

.shadow-lg {
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

.shadow-md {
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.shadow-sm {
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.shadow-xl {
  box-shadow: 0 20px 45px rgba(0,0,0,0.45);
}

.shrink-0 {
  flex-shrink: 0;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.75rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.25rem;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.5rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-\[\#111827\] {
  color: rgba(17,24,39,1.0);
}

.text-\[\#374151\] {
  color: rgba(55,65,81,1.0);
}

.text-\[\#4b5563\] {
  color: rgba(75,85,99,1.0);
}

.text-\[\#4c1d95\] {
  color: rgba(76,29,149,1.0);
}

.text-\[\#6b7280\] {
  color: rgba(107,114,128,1.0);
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-amber-300 {
  color: rgba(252,211,77,1.0);
}

.text-base {
  font-size: 1rem;
}

.text-center {
  text-align: center;
}

.text-lg {
  font-size: 1.125rem;
}

.text-right {
  text-align: right;
}

.text-slate-100 {
  color: rgba(241,245,249,1.0);
}

.text-slate-200 {
  color: rgba(226,232,240,1.0);
}

.text-slate-300 {
  color: rgba(203,213,225,1.0);
}

.text-slate-400 {
  color: rgba(148,163,184,1.0);
}

.text-slate-50 {
  color: rgba(248,250,252,1.0);
}

.text-slate-500 {
  color: rgba(100,116,139,1.0);
}

.text-slate-600 {
  color: rgba(71,85,105,1.0);
}

.text-sm {
  font-size: 0.875rem;
}

.text-white {
  color: rgba(255,255,255,1.0);
}

.text-white\/50 {
  color: rgba(255,255,255,0.5);
}

.text-white\/60 {
  color: rgba(255,255,255,0.6);
}

.text-white\/70 {
  color: rgba(255,255,255,0.7);
}

.text-white\/75 {
  color: rgba(255,255,255,0.75);
}

.text-white\/80 {
  color: rgba(255,255,255,0.8);
}

.text-xl {
  font-size: 1.25rem;
}

.text-xs {
  font-size: 0.75rem;
}

.to-emerald-400 {
  --tw-gradient-to: rgba(52,211,153,1.0);
}

.top-3 {
  top: 0.75rem;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.transition {
  transition: all 150ms ease;
}

.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.w-10 {
  width: 2.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-4 {
  width: 1rem;
}

.w-7 {
  width: 1.75rem;
}

.w-9 {
  width: 2.25rem;
}

.w-full {
  width: 100%;
}

.z-50 {
  z-index: 50;
}

@media (min-width: 640px) {

  .sm\:flex {
    display: flex;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:left-4 {
    left: 1rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.25rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
  }

  .sm\:text-base {
    font-size: 1rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
  }

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

}

@media (min-width: 768px) {

  .md\:flex {
    display: flex;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .md\:grid-cols-\[1\.1fr\,1\.2fr\] {
    grid-template-columns: 1.1fr 1.2fr;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:left-6 {
    left: 1.5rem;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
  }

  .md\:text-\[11px\] {
    font-size: 11px;
  }

  .md\:text-base {
    font-size: 1rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-sm {
    font-size: 0.875rem;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

}

@media (min-width: 1024px) {

  .lg\:flex {
    display: flex;
  }

  .lg\:grid-cols-\[1\.3fr\,1fr\] {
    grid-template-columns: 1.3fr 1fr;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

}
/* =========================================================
   PortalMine Theme — Option 2 (Neon Blue / Cloud SaaS)
   Single, fixed background layer to prevent "patchy" look
========================================================= */

:root{
  --pm-bg:  #020617;
  --pm-bg2: #0b1220;

  --pm-blue:  #3b82f6;
  --pm-blue2: #2563eb;
  --pm-sky:   #0ea5e9;
  --pm-sky2:  #0284c7;

  --pm-accent:  #a78bfa;
  --pm-accent2: #8b5cf6;

  --pm-text:  #e5e7eb;
  --pm-muted: #cbd5e1;
  --pm-border: rgba(148,163,184,0.55);

  --pm-panel: rgba(15,23,42,0.90);
  --pm-surface: #0b1120;
}

/* ===== Base ===== */
*{ box-sizing: border-box; }

html, body{
  margin: 0;
  min-height: 100%;
  background: var(--pm-bg) !important; /*   */
  color: var(--pm-text);
}

html{ scroll-behavior: smooth; }

/* ===== ONE GLOBAL BACKGROUND LAYER (NO PATCHES) ===== */
/* ===== ONE PIECE BACKGROUND (fixed, no patch seams) ===== */
body{
  margin: 0;
  min-height: 100vh;
  color: var(--pm-text);

  background-color: var(--pm-bg);
  background-image:
    /* left highlight */
    radial-gradient(900px 750px at 12% 58%, rgba(59,130,246,.34), transparent 62%),
    /* right highlight */
    radial-gradient(950px 800px at 88% 58%, rgba(14,165,233,.30), transparent 62%),
    /* top soft glow */
    radial-gradient(900px 650px at 52% 18%, rgba(167,139,250,.16), transparent 64%),
    /* bottom soft glow */
    radial-gradient(800px 620px at 50% 110%, rgba(2,132,199,.14), transparent 66%),
    /* base gradient */
    linear-gradient(145deg, #020617 0%, #040a18 30%, #0b1220 70%, #020617 100%);

  background-repeat: no-repeat;
  background-attachment: fixed; /* ✅ ‌     */
  background-size: cover;
}


/* Focus ring */
:focus-visible{
  outline: 2px solid var(--pm-sky) !important;
  outline-offset: 3px;
}

/* =========================================================
   Global "force dark surfaces" (  )
========================================================= */
.bg-white,
.bg-\[\#f5f3ff\],
.bg-\[\#f9fafb\]{
  background-color: var(--pm-surface) !important;
}

.bg-white\/80{
  background-color: var(--pm-panel) !important;
}

/* Borders */
.border-\[\#e5e7eb\],
.border-slate-200,
.border-\[\#a855f7\],
.border-\[\#9333ea\],
.border-\[\#6366f1\]{
  border-color: var(--pm-border) !important;
}

/* Common text colors on dark */
.text-\[\#4b5563\],
.text-\[\#374151\],
.text-\[\#6b7280\],
.text-slate-500,
.text-slate-700{
  color: var(--pm-muted) !important;
}

/* Replace old purple tokens anywhere */
.text-\[\#4c1d95\],
.text-\[\#6b21a8\],
.text-\[\#7c3aed\],
.text-\[\#8b5cf6\],
.text-\[\#a855f7\],
.text-purple-500,
.text-purple-600,
.text-purple-700{
  color: #93c5fd !important;
}

/* Replace purple backgrounds/buttons anywhere */
.bg-\[\#a855f7\],
.bg-\[\#9333ea\],
.bg-purple-500,
.bg-purple-600,
.bg-purple-700{
  background-color: var(--pm-blue) !important;
  color: #06121f !important;
}

/* Purple hover -> Blue hover */
.hover\:bg-\[\#9333ea\]:hover,
.hover\:bg-purple-600:hover,
.hover\:bg-purple-700:hover{
  background-color: var(--pm-blue2) !important;
}

/* Light purple hover surface -> subtle blue */
.hover\:bg-\[\#f5f3ff\]:hover{
  background-color: rgba(59,130,246,0.10) !important;
}

/* =========================================================
   Optional components you already used
========================================================= */

/*   (Glow) */
.mc-main-card {
  position: relative;
  overflow: hidden;
}

.mc-main-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,0.18), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(14,165,233,0.14), transparent 55%);
  opacity: 0.70;
  pointer-events: none;
}

/*    () */
.mc-grass-strip {
  background: linear-gradient(135deg, rgba(59,130,246,0.85), rgba(14,165,233,0.85));
  box-shadow:
    0 3px 0 rgba(2, 6, 23, 0.85),
    0 6px 14px rgba(15, 23, 42, 0.9);
  border: 2px solid rgba(59,130,246,0.55);
}

/*  */
.minecraft-avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(59,130,246,0.28), rgba(14,165,233,0.22));
  border: 1px solid rgba(148,163,184,0.35);
  display: grid;
  place-items: center;
  overflow: hidden;
}

/* CTA shadow */
button#primary-cta {
  box-shadow: 0 14px 35px rgba(59, 130, 246, 0.35);
}
button#primary-cta:hover {
  filter: brightness(1.06);
}

/* Signup button shadow */
#signup-btn {
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.20);
}
#signup-btn:hover {
  filter: brightness(1.05);
}

/* Auth modal background safety */
#auth-modal .bg-\[\#0f172a\],
#auth-modal .bg-\[\\#0f172a\]{
  background-color: var(--pm-bg) !important;
}


/* PortalMine content-quality expansion for AdSense review, 2026-07-12 */
.pm-longform{max-width:72rem;margin:0 auto;padding:2.75rem 1rem}.pm-longform-inner{display:grid;gap:1.25rem}.pm-content-card{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.22);border-radius:1.25rem;padding:1.35rem;box-shadow:0 18px 50px rgba(2,6,23,.22)}.pm-content-card h2{margin:0 0 .65rem;font-size:1.45rem;line-height:1.3;color:#e0e7ff;font-weight:800}.pm-content-card h3{margin:1.25rem 0 .45rem;font-size:1.05rem;color:#bae6fd;font-weight:750}.pm-content-card p,.pm-content-card li{color:#cbd5e1;line-height:1.8;font-size:.96rem}.pm-content-card p+p{margin-top:.75rem}.pm-content-card ul,.pm-content-card ol{margin:.65rem 0 0 1.2rem}.pm-content-card li+li{margin-top:.4rem}.pm-content-card a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px}.pm-content-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.pm-mini-card{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.035);border-radius:1rem;padding:1rem}.pm-mini-card h3{margin:0 0 .35rem}.pm-fact-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;margin-top:1rem}.pm-fact{padding:.85rem 1rem;border-radius:.9rem;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.2)}.pm-fact b{display:block;color:#e0f2fe;margin-bottom:.2rem}.pm-byline{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:#94a3b8;font-size:.82rem;margin:.35rem 0 1rem}.pm-callout{border-left:4px solid #38bdf8;background:rgba(56,189,248,.08);padding:1rem 1.05rem;border-radius:.25rem .9rem .9rem .25rem;color:#dbeafe;line-height:1.75}.pm-table-wrap{overflow-x:auto;margin-top:1rem}.pm-content-table{width:100%;border-collapse:collapse;min-width:620px}.pm-content-table th,.pm-content-table td{border:1px solid rgba(148,163,184,.22);padding:.75rem;text-align:left;vertical-align:top;color:#cbd5e1}.pm-content-table th{background:rgba(59,130,246,.12);color:#e0e7ff}.pm-toc{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.pm-toc a{display:inline-flex;border:1px solid rgba(147,197,253,.28);background:rgba(59,130,246,.08);border-radius:999px;padding:.42rem .72rem;text-decoration:none;font-size:.82rem}.pm-trust-note{max-width:72rem;margin:0 auto;padding:1rem;color:#94a3b8;font-size:.78rem;line-height:1.65;text-align:center}.pm-trust-note a{color:#93c5fd}.pm-guide-hero{max-width:72rem;margin:0 auto;padding:3.25rem 1rem 1.25rem}.pm-guide-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;color:#c4b5fd;font-weight:900;max-width:54rem}.pm-guide-hero p{max-width:50rem;color:#cbd5e1;line-height:1.8;margin-top:1rem}.pm-checklist{counter-reset:pmstep;list-style:none!important;margin-left:0!important}.pm-checklist>li{position:relative;padding-left:3rem;min-height:2.2rem}.pm-checklist>li:before{counter-increment:pmstep;content:counter(pmstep);position:absolute;left:0;top:.1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:#2563eb;color:white;font-weight:800}.pm-faq-list details{border:1px solid rgba(148,163,184,.2);border-radius:.9rem;background:rgba(255,255,255,.025);padding:.9rem 1rem}.pm-faq-list details+details{margin-top:.65rem}.pm-faq-list summary{cursor:pointer;color:#e0e7ff;font-weight:750}.pm-faq-list details p{margin-top:.65rem}.pm-guide-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:#94a3b8;font-size:.85rem;margin-top:1rem}.pm-guide-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.pm-guide-nav a{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .95rem;border-radius:.75rem;border:1px solid rgba(147,197,253,.3);background:rgba(59,130,246,.08);color:#bfdbfe;text-decoration:none;font-weight:700;font-size:.9rem}.pm-guide-nav a:hover{background:rgba(59,130,246,.16)}
@media(min-width:700px){.pm-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-fact-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-content-card{padding:1.65rem}.pm-longform{padding:3.25rem 1rem}}


/* AdSense content quality refresh v9700 */
.pm-article-page h2{margin-top:2.25rem;font-size:1.55rem;line-height:1.25;font-weight:850;color:#fff}.pm-article-page h3{margin-top:1.6rem;font-size:1.18rem;font-weight:800;color:#c4b5fd}.pm-article-page p,.pm-article-page li{color:#cbd5e1;line-height:1.82}.pm-article-page ul,.pm-article-page ol{padding-left:1.4rem;margin:.9rem 0}.pm-article-page li{margin:.42rem 0}.pm-article-page code{background:rgba(255,255,255,.08);padding:.12rem .35rem;border-radius:.4rem}.pm-guide-visual{display:block;width:100%;height:auto;border-radius:1.35rem;border:1px solid rgba(255,255,255,.12);background:#0f172a}.pm-visual-note{font-size:.78rem!important;color:#94a3b8!important;margin:.65rem 0 1.5rem}.pm-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.12);border-radius:1rem;margin:1rem 0}.pm-config-table{width:100%;border-collapse:collapse;min-width:680px}.pm-config-table th,.pm-config-table td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.1);color:#cbd5e1}.pm-config-table thead th{background:rgba(139,92,246,.16);color:#fff}.pm-config-table tbody th{color:#e9d5ff;width:20%}.pm-warning-box,.pm-method-box{margin:1.5rem 0;padding:1.15rem 1.25rem;border-radius:1rem;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.08);color:#fde68a;line-height:1.7}.pm-method-box{border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.07);color:#cbd5e1}.pm-method-box h2{margin-top:0}.pm-faq-stack{display:grid;gap:.75rem}.pm-faq-stack details{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:1rem;padding:1rem}.pm-faq-stack summary{cursor:pointer;font-weight:800;color:#fff}.pm-faq-stack p{margin:.65rem 0 0}.pm-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pm-related-grid a{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);text-decoration:none}.pm-related-grid a:hover{border-color:rgba(167,139,250,.65);transform:translateY(-2px)}.pm-related-grid strong{color:#fff}.pm-related-grid span{color:#94a3b8;font-size:.9rem;line-height:1.55}.pm-guide-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.pm-guide-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:1.2rem;padding:1.2rem}.pm-guide-card h2{font-size:1.15rem;line-height:1.35;margin:.55rem 0}.pm-guide-card h2 a{color:#fff}.pm-guide-card p{color:#94a3b8;line-height:1.65;font-size:.92rem}.pm-card-kicker{text-transform:uppercase;letter-spacing:.08em;color:#a78bfa;font-weight:800;font-size:.72rem}.pm-card-link{display:inline-block;margin-top:.8rem;color:#c4b5fd;font-weight:800}.pm-topic-strip{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.pm-topic-strip a{padding:.55rem .8rem;border-radius:999px;background:rgba(139,92,246,.14);border:1px solid rgba(167,139,250,.25);color:#ddd6fe}.pm-home-guides{padding:3rem 1rem}.pm-home-guides-inner{max-width:72rem;margin:auto;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(30,41,59,.86),rgba(76,29,149,.35));border-radius:1.5rem;padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.pm-home-guides h2{font-size:1.8rem;font-weight:900;color:#fff}.pm-home-guides p{color:#cbd5e1;line-height:1.7}.pm-home-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pm-home-guide-links a{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.05);color:#fff;font-weight:750}.pm-guide-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.pm-guide-library,.pm-related-grid{grid-template-columns:1fr 1fr}.pm-home-guides-inner{grid-template-columns:1fr}}@media(max-width:620px){.pm-guide-library,.pm-related-grid,.pm-home-guide-links{grid-template-columns:1fr}.pm-home-guides h2{font-size:1.5rem}}


/* SEO directory */
.pm-seo-directory{display:grid;gap:12px;list-style:none;padding:0;margin:0}.pm-seo-directory li{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:rgba(15,23,42,.55)}.pm-seo-directory a{color:#ddd6fe;text-decoration:none}.pm-seo-directory a:hover{text-decoration:underline}.pm-seo-directory span{color:#94a3b8;font-size:.93rem;line-height:1.55}


/* PortalMine SEO and mobile navigation v10500 */
.pm-mobile-public-menu{position:relative}.pm-mobile-public-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid rgba(148,163,184,.32);border-radius:10px;color:#e2e8f0;background:rgba(15,23,42,.72);font-size:12px;font-weight:800}.pm-mobile-public-menu>summary::-webkit-details-marker{display:none}.pm-mobile-public-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(280px,calc(100vw - 28px));display:grid;gap:4px;padding:10px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(2,6,23,.98);box-shadow:0 24px 60px rgba(0,0,0,.45)}.pm-mobile-public-panel a{display:block;padding:10px 12px;border-radius:10px;color:#e2e8f0;text-decoration:none;font-size:13px;font-weight:700}.pm-mobile-public-panel a:hover,.pm-mobile-public-panel a:focus{background:rgba(59,130,246,.16);color:#fff}.pm-glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pm-glossary-entry{padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:rgba(255,255,255,.03)}.pm-glossary-entry h2{font-size:1.1rem;margin:0 0 .4rem}.pm-glossary-entry p{margin:0}.pm-content-card :target{scroll-margin-top:100px}.pm-content-card pre{overflow:auto;padding:1rem;border-radius:1rem;background:#020617;border:1px solid rgba(148,163,184,.2)}
@media(max-width:760px){.pm-glossary-grid{grid-template-columns:1fr}.pm-guide-hero{padding-top:2.25rem}.pm-content-card{padding:1.15rem}.pm-config-table{min-width:560px}.pm-longform{padding:2rem .75rem}.pm-related-grid{grid-template-columns:1fr}.pm-mobile-public-menu{display:block}}


/* PortalMine v10600 public mobile stability */
html,body{max-width:100%;overflow-x:hidden;}
img,svg,video,canvas,iframe{max-width:100%;}
pre,table{max-width:100%;overflow-x:auto;}
@media (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  body{min-height:100dvh;}
  header .max-w-6xl,main .max-w-6xl,footer .max-w-6xl,
  header .max-w-7xl,main .max-w-7xl,footer .max-w-7xl{padding-left:14px!important;padding-right:14px!important;}
  main{min-width:0!important;}
  h1{font-size:clamp(1.8rem,9vw,2.7rem)!important;line-height:1.08!important;overflow-wrap:anywhere;}
  h2{font-size:clamp(1.35rem,6vw,2rem)!important;line-height:1.18!important;}
  p,li{overflow-wrap:anywhere;}
  input,select,textarea{font-size:16px!important;max-width:100%!important;}
  button,a{touch-action:manipulation;}
  .grid{min-width:0;}
  .overflow-x-auto{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
}

/* PortalMine v115: dependable privacy modal without CDN-only utilities */
#cookie-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding: max(16px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom));
}
#cookie-modal.hidden { display: none !important; }
#cookie-modal:not(.hidden) { display: block !important; }
#cookie-modal > .absolute {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(2, 6, 23, .82) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
#cookie-modal > .relative {
  position: relative !important;
  width: min(36rem, calc(100% - 24px)) !important;
  max-width: 36rem !important;
  margin: clamp(12px, 8vh, 72px) auto 24px !important;
  padding: 0 !important;
}
#cookie-modal > .relative > div {
  background: #020617 !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .68) !important;
}
#cookie-modal label {
  background: rgba(15, 23, 42, .92) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}
@media (max-width: 480px) {
  #cookie-modal > .relative {
    width: calc(100% - 16px) !important;
    margin-top: 8px !important;
  }
  #cookie-modal > .relative > div { padding: 16px !important; }
  #cookie-modal .mt-5.flex { display: grid !important; grid-template-columns: 1fr !important; }
}

/* PortalMine v11700: high-contrast notifications shared across desktop and mobile */
#toast-container.pm-toast-stack,
.pm-toast-stack {
  position: fixed !important;
  top: max(16px, env(safe-area-inset-top)) !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483000 !important;
  width: min(430px, calc(100vw - 36px)) !important;
  max-width: calc(100vw - 36px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  pointer-events: none !important;
}
#toast-container .pm-toast,
.pm-toast-stack .pm-toast {
  --pm-toast-accent: #38bdf8;
  position: relative !important;
  width: 100% !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) 34px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 12px 15px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--pm-toast-accent) 58%, #64748b 42%) !important;
  border-left: 5px solid var(--pm-toast-accent) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(15,23,42,.99), rgba(2,6,23,.995)) !important;
  color: #f8fafc !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.035) inset !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  opacity: 0 !important;
  transform: translate3d(24px,-8px,0) scale(.97) !important;
  transition: opacity .22s ease, transform .22s ease !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}
#toast-container .pm-toast--visible,
.pm-toast-stack .pm-toast--visible { opacity: 1 !important; transform: translate3d(0,0,0) scale(1) !important; }
#toast-container .pm-toast--leaving,
.pm-toast-stack .pm-toast--leaving { opacity: 0 !important; transform: translate3d(24px,-8px,0) scale(.97) !important; }
.pm-toast--success { --pm-toast-accent: #34d399 !important; }
.pm-toast--error { --pm-toast-accent: #fb7185 !important; }
.pm-toast--warning { --pm-toast-accent: #fbbf24 !important; }
.pm-toast--info { --pm-toast-accent: #38bdf8 !important; }
.pm-toast__icon {
  width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important;
  border-radius: 12px !important; background: color-mix(in srgb, var(--pm-toast-accent) 18%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--pm-toast-accent) 58%, transparent) !important;
  color: var(--pm-toast-accent) !important; font-weight: 950 !important; font-size: 19px !important;
}
.pm-toast__content { min-width: 0 !important; display: grid !important; gap: 3px !important; }
.pm-toast__title { color: #fff !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 900 !important; letter-spacing: .01em !important; }
.pm-toast__message { color: #e2e8f0 !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 650 !important; overflow-wrap: anywhere !important; }
.pm-toast__close {
  width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 10px !important;
  background: rgba(148,163,184,.13) !important; color: #f8fafc !important; font-size: 21px !important;
  line-height: 1 !important; cursor: pointer !important; display: grid !important; place-items: center !important;
}
.pm-toast__close:hover,.pm-toast__close:focus-visible { background: rgba(255,255,255,.22) !important; outline: 2px solid var(--pm-toast-accent) !important; outline-offset: 2px !important; }
.pm-toast__progress {
  position: absolute !important; z-index: 2 !important; left: 0 !important; bottom: 0 !important; height: 3px !important;
  width: 100% !important; transform-origin: left center !important; background: var(--pm-toast-accent) !important;
  animation: pm-toast-progress var(--pm-toast-life,5200ms) linear forwards !important;
}
@keyframes pm-toast-progress { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (max-width: 700px) {
  #toast-container.pm-toast-stack,.pm-toast-stack {
    top: calc(max(10px, env(safe-area-inset-top)) + 4px) !important;
    right: 10px !important; left: 10px !important; bottom: auto !important;
    width: auto !important; max-width: none !important; gap: 8px !important;
  }
  #toast-container .pm-toast,.pm-toast-stack .pm-toast {
    min-height: 66px !important; grid-template-columns: 34px minmax(0,1fr) 32px !important;
    gap: 10px !important; padding: 11px 10px 13px !important; border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.72) !important;
  }
  .pm-toast__icon { width: 34px !important; height: 34px !important; border-radius: 10px !important; font-size: 17px !important; }
  .pm-toast__title { font-size: 12px !important; }
  .pm-toast__message { font-size: 12.5px !important; line-height: 1.45 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pm-toast,.pm-toast__progress { animation: none !important; transition: none !important; }
}

/* =========================================================
   PortalMine v12300 — premium public modal system
========================================================= */
:root{
  --pm-modal-blue:#60a5fa;
  --pm-modal-cyan:#22d3ee;
  --pm-modal-violet:#8b5cf6;
  --pm-modal-surface:#07111f;
  --pm-modal-surface-2:#0f172a;
}
body.pm-public-modal-open{overflow:hidden!important;touch-action:none;}

#auth-modal,
#verify-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  padding:24px!important;
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(59,130,246,.26),transparent 64%),
    radial-gradient(650px 460px at 100% 100%,rgba(139,92,246,.18),transparent 70%),
    rgba(2,6,23,.82)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}
#auth-modal.hidden,
#verify-modal.hidden{display:none!important;}
#auth-modal.flex,
#verify-modal.flex{display:flex!important;}

.pm-public-modal-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:min(460px,calc(100vw - 32px))!important;
  max-width:460px!important;
  max-height:min(90dvh,760px)!important;
  overflow-y:auto!important;
  border:1px solid rgba(125,211,252,.34)!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.995))!important;
  box-shadow:
    0 42px 120px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 58px rgba(56,189,248,.12)!important;
  animation:pm-public-modal-in .3s cubic-bezier(.2,.8,.2,1) both;
}
.pm-public-modal-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:190px;
  z-index:-1;
  background:
    radial-gradient(420px 180px at 50% -8%,rgba(34,211,238,.22),transparent 68%),
    linear-gradient(90deg,rgba(59,130,246,.10),rgba(139,92,246,.08));
  pointer-events:none;
}
.pm-public-modal-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.16;
  background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,#000,transparent 52%);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 52%);
  pointer-events:none;
}
@keyframes pm-public-modal-in{
  from{opacity:0;transform:translate3d(0,18px,0) scale(.965)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

.pm-public-modal-handle{
  display:none;
  width:44px;
  height:5px;
  margin:0 auto 14px;
  border-radius:999px;
  background:rgba(148,163,184,.42);
}
.pm-public-modal-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin:0 auto 22px;
  color:#e0f2fe;
}
.pm-public-modal-brand>span:last-child{display:grid;text-align:left;line-height:1.15;}
.pm-public-modal-brand b{font-size:14px;letter-spacing:.02em;color:#fff;}
.pm-public-modal-brand small{margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7dd3fc;font-weight:800;}
.pm-public-modal-logo{
  width:40px;
  height:40px;
  display:grid!important;
  place-items:center;
  border-radius:14px;
  color:#fff;
  font-size:18px;
  font-weight:950;
  background:linear-gradient(145deg,#38bdf8,#4f46e5);
  box-shadow:0 12px 30px rgba(37,99,235,.35),0 0 0 1px rgba(255,255,255,.24) inset;
}

#auth-title,
#verify-modal h2{
  margin-bottom:8px!important;
  color:#fff!important;
  font-size:clamp(22px,4vw,28px)!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
#auth-title::after{
  content:"Use your PortalMine account to manage servers, files and rewards.";
  display:block;
  max-width:330px;
  margin:10px auto 18px;
  color:#94a3b8;
  font-size:12px;
  line-height:1.65;
  font-weight:600;
  letter-spacing:0;
}

#auth-close-button{
  top:16px!important;
  right:16px!important;
  left:auto!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#cbd5e1!important;
  background:rgba(15,23,42,.78)!important;
  border:1px solid rgba(148,163,184,.26)!important;
  font-size:24px!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
#auth-close-button:hover,
#auth-close-button:focus-visible{
  transform:rotate(6deg)!important;
  color:#fff!important;
  background:rgba(30,41,59,.96)!important;
  border-color:rgba(125,211,252,.55)!important;
  outline:none!important;
}

#auth-form{display:grid!important;gap:15px!important;}
#auth-form>div{margin:0!important;}
#auth-form label{
  display:block!important;
  margin:0 0 7px!important;
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
#auth-form input,
#verify-form input{
  min-height:50px!important;
  border-radius:15px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(2,6,23,.72)!important;
  color:#f8fafc!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.018) inset,0 10px 28px rgba(0,0,0,.16)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#auth-form input:hover,
#verify-form input:hover{border-color:rgba(125,211,252,.42)!important;}
#auth-form input:focus,
#verify-form input:focus{
  outline:none!important;
  border-color:#38bdf8!important;
  background:rgba(3,10,26,.92)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.13),0 14px 34px rgba(2,132,199,.12)!important;
}
#auth-form input::placeholder,
#verify-form input::placeholder{color:#64748b!important;}
#auth-form p{color:#94a3b8!important;line-height:1.5!important;}

#auth-submit-button,
#verify-form button[type="submit"]{
  position:relative!important;
  min-height:52px!important;
  margin-top:2px!important;
  border:1px solid rgba(186,230,253,.45)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:linear-gradient(105deg,#2563eb 0%,#0284c7 52%,#7c3aed 110%)!important;
  box-shadow:0 18px 38px rgba(37,99,235,.30),0 0 0 1px rgba(255,255,255,.10) inset!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
#auth-submit-button:hover,
#verify-form button[type="submit"]:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 22px 44px rgba(37,99,235,.36),0 0 0 1px rgba(255,255,255,.14) inset!important;
}
#auth-submit-button:active,
#verify-form button[type="submit"]:active{transform:translateY(1px) scale(.995)!important;}

#auth-toggle-btn,
#forgot-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:5px 10px!important;
  border-radius:10px!important;
  color:#bae6fd!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease!important;
}
#auth-toggle-btn:hover,
#forgot-link:hover{background:rgba(56,189,248,.10)!important;color:#fff!important;}
#google-signin-wrap{padding:10px 0 2px!important;}

.pm-verify-card{max-width:410px!important;padding-top:34px!important;}
.pm-verify-orb{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  margin:0 auto 20px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(34,211,238,.24),rgba(79,70,229,.28));
  border:1px solid rgba(125,211,252,.38);
  box-shadow:0 18px 46px rgba(14,165,233,.22),0 0 0 8px rgba(56,189,248,.055);
}
.pm-verify-orb span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(145deg,#22d3ee,#4f46e5);
}
#verify-modal p{color:#94a3b8!important;line-height:1.65!important;}
#verify-form input{letter-spacing:.34em!important;padding-left:1.2em!important;font-weight:900!important;}
#verify-resend-button{
  min-height:44px!important;
  border-radius:14px!important;
  border-color:rgba(125,211,252,.25)!important;
  color:#bae6fd!important;
  background:rgba(56,189,248,.06)!important;
}
#verify-resend-button:hover{background:rgba(56,189,248,.12)!important;border-color:rgba(125,211,252,.45)!important;}

/* Cookie preferences uses the same polished surface language. */
#cookie-modal > .absolute{
  background:
    radial-gradient(720px 420px at 50% 0%,rgba(59,130,246,.22),transparent 66%),
    rgba(2,6,23,.84)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}
#cookie-modal > .relative > div{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(125,211,252,.30)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.99),rgba(2,6,23,.995))!important;
  box-shadow:0 38px 110px rgba(0,0,0,.68),0 0 48px rgba(56,189,248,.10)!important;
  animation:pm-public-modal-in .28s cubic-bezier(.2,.8,.2,1) both;
}
#cookie-modal label{
  border-radius:16px!important;
  background:rgba(15,23,42,.66)!important;
  transition:border-color .18s ease,background .18s ease!important;
}
#cookie-modal label:hover{border-color:rgba(125,211,252,.34)!important;background:rgba(30,41,59,.72)!important;}
#cookieModalClose{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid rgba(148,163,184,.20)!important;
}

@media(max-width:640px){
  /* Authentication stays centred on phones instead of behaving like a tall bottom sheet. */
  #auth-modal,
  #verify-modal{
    align-items:center!important;
    justify-content:center!important;
    padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  .pm-public-modal-card{
    width:min(100%,400px)!important;
    max-width:400px!important;
    max-height:calc(100vh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    border-radius:23px!important;
    padding:17px 14px 16px!important;
    border-bottom:1px solid rgba(125,211,252,.34)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    animation:pm-public-modal-mobile-in .28s cubic-bezier(.2,.9,.2,1) both;
  }
  .pm-public-modal-card::-webkit-scrollbar{width:5px!important;}
  .pm-public-modal-card::-webkit-scrollbar-thumb{background:rgba(125,211,252,.25)!important;border-radius:999px!important;}
  .pm-public-modal-handle{display:none!important;}
  .pm-public-modal-brand{
    justify-content:center!important;
    gap:9px!important;
    margin:0 42px 10px!important;
    padding-right:0!important;
  }
  .pm-public-modal-logo{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .pm-public-modal-brand b{font-size:13px!important;}
  .pm-public-modal-brand small{margin-top:2px!important;font-size:8px!important;letter-spacing:.12em!important;}
  #auth-close-button{
    top:12px!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    font-size:21px!important;
  }
  #auth-title,
  #verify-modal h2{
    margin:0 38px 5px!important;
    font-size:20px!important;
    line-height:1.18!important;
  }
  #auth-title::after{
    max-width:300px!important;
    margin:7px auto 10px!important;
    font-size:10.5px!important;
    line-height:1.5!important;
  }
  #google-signin-wrap{padding:3px 0 0!important;margin-bottom:0!important;}
  #google-signin-button{min-height:40px!important;}
  #auth-form{gap:10px!important;}
  #auth-form label{margin-bottom:5px!important;font-size:11px!important;}
  #auth-form input,
  #verify-form input{
    min-height:44px!important;
    border-radius:13px!important;
    padding:10px 13px!important;
    font-size:14px!important;
  }
  #auth-form p{margin-top:4px!important;font-size:9px!important;}
  #auth-submit-button,
  #verify-form button[type="submit"]{
    min-height:47px!important;
    margin-top:1px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }
  #auth-form .text-center{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px 8px!important;
    margin-top:0!important;
  }
  #auth-toggle-btn,
  #forgot-link{
    min-height:31px!important;
    margin:0!important;
    padding:4px 7px!important;
    font-size:10.5px!important;
  }
  .pm-verify-card{padding-top:20px!important;}
  .pm-verify-orb{width:62px!important;height:62px!important;margin-bottom:13px!important;border-radius:19px!important;}
  .pm-verify-orb span{width:36px!important;height:36px!important;border-radius:12px!important;font-size:20px!important;}
  @keyframes pm-public-modal-mobile-in{
    from{opacity:0;transform:translate3d(0,14px,0) scale(.975)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1)}
  }
  #cookie-modal > .relative{
    width:100%!important;
    max-width:none!important;
    margin:auto 0 0!important;
    padding:0!important;
    min-height:100%!important;
    display:flex!important;
    align-items:flex-end!important;
  }
  #cookie-modal > .relative > div{
    width:100%!important;
    border-radius:26px 26px 0 0!important;
    padding:18px 14px calc(20px + env(safe-area-inset-bottom))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pm-public-modal-card,
  #cookie-modal > .relative > div{animation:none!important;}
}

/* PortalMine v13000 — homepage blog and news */
.pm-home-media{
  width:100%;
  padding:18px 16px 58px;
}
.pm-home-media__inner{
  width:min(1120px,100%);
  margin:0 auto;
  padding:26px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 5%,rgba(59,130,246,.13),transparent 34%),
    radial-gradient(circle at 92% 22%,rgba(16,185,129,.1),transparent 31%),
    linear-gradient(155deg,rgba(15,23,42,.93),rgba(2,6,23,.96));
  box-shadow:0 28px 70px rgba(0,0,0,.24);
}
.pm-home-media__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}
.pm-home-media__head>div:first-child{max-width:720px}
.pm-home-media__head h2{
  margin:7px 0 8px;
  color:#f8fafc;
  font-size:clamp(24px,3.5vw,38px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.pm-home-media__head p:not(.pm-card-kicker){
  margin:0;
  color:#aebbd0;
  font-size:13px;
  line-height:1.75;
}
.pm-home-media__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.pm-home-media__actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border:1px solid rgba(96,165,250,.25);
  border-radius:11px;
  color:#dbeafe;
  background:rgba(30,64,175,.12);
  font-size:11px;
  font-weight:850;
}
.pm-home-media__actions a:hover{border-color:rgba(96,165,250,.58);background:rgba(37,99,235,.2)}
.pm-home-media__top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);
  gap:16px;
}
.pm-home-featured-guide{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(230px,.9fr) minmax(0,1.15fr);
  overflow:hidden;
  border:1px solid rgba(96,165,250,.22);
  border-radius:20px;
  background:rgba(15,23,42,.72);
}
.pm-home-featured-guide__image{
  min-height:100%;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,rgba(30,64,175,.32),rgba(14,116,144,.18));
}
.pm-home-featured-guide__image img{width:100%;height:auto;max-height:250px;object-fit:contain;transition:transform .25s ease}
.pm-home-featured-guide:hover .pm-home-featured-guide__image img{transform:scale(1.025)}
.pm-home-featured-guide__body{padding:22px;display:flex;flex-direction:column;justify-content:center}
.pm-home-media__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.pm-home-media__meta span{
  padding:4px 8px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  color:#a5b4fc;
  background:rgba(99,102,241,.1);
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.pm-home-featured-guide h3{margin:0;color:#fff;font-size:22px;line-height:1.28}
.pm-home-featured-guide h3 a:hover{color:#93c5fd}
.pm-home-featured-guide p{margin:10px 0 17px;color:#aebbd0;font-size:12px;line-height:1.72}
.pm-home-featured-guide__links{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.pm-home-featured-guide__links a{color:#bae6fd;font-size:11px;font-weight:800}
.pm-home-featured-guide__links a:not(.pm-home-primary-link):hover{text-decoration:underline;text-underline-offset:4px}
.pm-home-featured-guide__links .pm-home-primary-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  border-radius:10px;
  color:#eff6ff;
  background:#2563eb;
}
.pm-home-featured-guide__links .pm-home-primary-link:hover{background:#1d4ed8}
.pm-home-news-stack{display:grid;gap:10px}
.pm-home-news-item{
  position:relative;
  min-width:0;
  padding:15px 16px 14px 18px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(15,23,42,.76);
  overflow:hidden;
}
.pm-home-news-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#38bdf8}
.pm-home-news-item--bedrock::before{background:#818cf8}
.pm-home-news-item--marketplace::before{background:#34d399}
.pm-home-news-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pm-home-news-item__top span{color:#7dd3fc;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pm-home-news-item--bedrock .pm-home-news-item__top span{color:#c4b5fd}
.pm-home-news-item--marketplace .pm-home-news-item__top span{color:#6ee7b7}
.pm-home-news-item__top time{color:#64748b;font-size:9px;font-weight:750}
.pm-home-news-item h3{margin:8px 0 5px;color:#f8fafc;font-size:14px;line-height:1.35}
.pm-home-news-item p{margin:0;color:#94a3b8;font-size:10.5px;line-height:1.6}
.pm-home-news-item>a{display:inline-flex;margin-top:9px;color:#bae6fd;font-size:10px;font-weight:800}
.pm-home-news-item>a:hover{text-decoration:underline;text-underline-offset:3px}
.pm-home-blog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.pm-home-blog-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:17px;
  background:rgba(15,23,42,.7);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.pm-home-blog-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.4);background:rgba(15,23,42,.9)}
.pm-home-blog-card__media{height:118px;display:flex;align-items:center;justify-content:center;padding:11px;background:linear-gradient(145deg,rgba(30,64,175,.18),rgba(15,23,42,.35));overflow:hidden}
.pm-home-blog-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.pm-home-blog-card:hover .pm-home-blog-card__media img{transform:scale(1.04)}
.pm-home-blog-card__body{padding:14px}
.pm-home-blog-card__body>span{color:#7dd3fc;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.pm-home-blog-card h3{margin:7px 0;color:#f8fafc;font-size:14px;line-height:1.42}
.pm-home-blog-card h3 a:hover{color:#93c5fd}
.pm-home-blog-card p{margin:0 0 11px;color:#94a3b8;font-size:10.5px;line-height:1.62}
.pm-home-blog-card__body>a{color:#bfdbfe;font-size:10px;font-weight:850}
.pm-home-blog-card__body>a:hover{text-decoration:underline;text-underline-offset:3px}
.pm-home-media__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
  padding:15px 17px;
  border:1px solid rgba(52,211,153,.18);
  border-radius:15px;
  background:rgba(6,78,59,.1);
}
.pm-home-media__footer>div{display:flex;flex-direction:column;gap:3px}
.pm-home-media__footer strong{color:#ecfdf5;font-size:12px}
.pm-home-media__footer span{color:#94a3b8;font-size:10.5px;line-height:1.5}
.pm-home-media__footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.pm-home-media__footer nav a{padding:7px 9px;border-radius:9px;color:#d1fae5;background:rgba(16,185,129,.09);font-size:10px;font-weight:800}
.pm-home-media__footer nav a:hover{background:rgba(16,185,129,.18)}
.pm-home-media__reviewed{margin:10px 2px 0;color:#64748b;font-size:9.5px;line-height:1.5}
@media(max-width:960px){
  .pm-home-media__top-grid{grid-template-columns:1fr}
  .pm-home-news-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pm-home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .pm-home-media{padding:10px 12px 42px}
  .pm-home-media__inner{padding:17px;border-radius:20px}
  .pm-home-media__head{align-items:flex-start;flex-direction:column;gap:14px}
  .pm-home-media__actions{width:100%;justify-content:flex-start}
  .pm-home-media__actions a{flex:1}
  .pm-home-featured-guide{grid-template-columns:1fr}
  .pm-home-featured-guide__image{min-height:170px}
  .pm-home-featured-guide__body{padding:17px}
  .pm-home-news-stack{grid-template-columns:1fr}
  .pm-home-blog-grid{grid-template-columns:1fr}
  .pm-home-blog-card{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .pm-home-blog-card__media{height:100%;min-height:132px}
  .pm-home-media__footer{align-items:flex-start;flex-direction:column}
  .pm-home-media__footer nav{justify-content:flex-start}
}
@media(max-width:430px){
  .pm-home-media__inner{padding:14px}
  .pm-home-media__actions{display:grid;grid-template-columns:1fr 1fr}
  .pm-home-featured-guide h3{font-size:19px}
  .pm-home-blog-card{grid-template-columns:96px minmax(0,1fr)}
  .pm-home-blog-card__media{padding:7px}
  .pm-home-blog-card__body{padding:12px}
}


/* PortalMine v13100 — expanded editorial library */
.pm-library-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .9rem}.pm-library-heading h2{margin:.2rem 0 0;color:#e0e7ff;font-size:1.55rem;font-weight:850}.pm-library-heading>a{color:#93c5fd;font-size:.9rem;font-weight:750;text-decoration:none}.pm-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pm-library-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:1.1rem;background:rgba(15,23,42,.72);box-shadow:0 14px 34px rgba(2,6,23,.18);transition:transform .18s ease,border-color .18s ease}.pm-library-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.42)}.pm-library-card__image{display:block;aspect-ratio:16/8.4;background:#020617;overflow:hidden}.pm-library-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.pm-library-card:hover .pm-library-card__image img{transform:scale(1.025)}.pm-library-card__body{display:flex;flex-direction:column;flex:1;padding:1rem}.pm-library-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:space-between;color:#7dd3fc;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.pm-library-card h3{margin:.65rem 0 .45rem;font-size:1.05rem;line-height:1.35}.pm-library-card h3 a{color:#f8fafc;text-decoration:none}.pm-library-card p{margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.65}.pm-library-card__link{margin-top:auto;padding-top:.85rem;color:#93c5fd;font-weight:750;font-size:.86rem;text-decoration:none}.pm-library-grid--news .pm-library-card{border-color:rgba(34,197,94,.22)}.pm-library-grid--news .pm-library-card__meta{color:#86efac}.pm-article-copy section{scroll-margin-top:90px}.pm-article-copy section+section{margin-top:1.7rem}.pm-article-copy section h2{font-size:1.4rem}.pm-article-copy section p+p{margin-top:.75rem}@media(max-width:980px){.pm-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pm-library-grid{grid-template-columns:1fr}.pm-library-heading{align-items:flex-start;flex-direction:column}.pm-library-card__image{aspect-ratio:16/8}.pm-library-card__body{padding:.95rem}}
/* PortalMine v16079: static utility completion after removing Tailwind CDN. */
.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}
.bg-slate-700\/80{background-color:rgba(51,65,85,.8)}
.bg-slate-950{background-color:#020617}
.bg-slate-950\/30{background-color:rgba(2,6,23,.3)}
.bg-slate-950\/90{background-color:rgba(2,6,23,.9)}
.bg-transparent{background-color:transparent}
.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}
.border-sky-500\/40{border-color:rgba(14,165,233,.4)}
.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0}
.divide-white\/10>:not([hidden])~:not([hidden]){border-color:rgba(255,255,255,.1)}
.h-auto{height:auto}.h-px{height:1px}
.hover\:bg-sky-500\/10:hover{background-color:rgba(14,165,233,.1)}
.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}
.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}
.max-w-sm{max-width:24rem}
.min-h-\[44px\]{min-height:44px}.min-h-full{min-height:100%}
.min-w-\[680px\]{min-width:680px}.min-w-\[720px\]{min-width:720px}
.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}
.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.text-emerald-200{color:#a7f3d0}.text-emerald-600{color:#059669}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-left{text-align:left}.text-sky-300{color:#7dd3fc}
.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.underline-offset-4{text-underline-offset:4px}
/* Long listing pages render off-screen cards only when they approach the viewport. */
.pm-guide-card,.pm-blog-card,.pm-home-guide-card,.pm-home-news-item{content-visibility:auto;contain-intrinsic-size:320px}
@media (min-width:640px){.sm\:p-6{padding:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:w-auto{width:auto}}
@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr\,0\.8fr\]{grid-template-columns:1.2fr .8fr}.md\:hidden{display:none}.md\:right-auto{right:auto}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media (min-width:1024px){.lg\:text-5xl{font-size:3rem;line-height:1}}
/* PortalMine home page theme v16063
   Scoped to index.html so dashboard and documentation pages are untouched. */

:root {
  --home-bg: #07111f;
  --home-bg-deep: #040b14;
  --home-surface: #0e1a2b;
  --home-surface-2: #132238;
  --home-surface-soft: rgba(19, 34, 56, .72);
  --home-border: rgba(148, 163, 184, .22);
  --home-border-strong: rgba(96, 165, 250, .42);
  --home-text: #f8fafc;
  --home-muted: #a9b7ca;