@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  
  --window-bg: #1f2937; 
  --input-bg: #374151;  

  
  --text-color2: #f9fafb;        
  --text-color-balance: #9ca3af; 

  
  --primary-color: #3b82f6; 
  --input-border: #4b5563;  

  
  --max-width: 480px; 
}


body {
  font-family: "Inter", sans-serif;
  background-color: #111827; 
  color: var(--text-color2);
  margin: 0;
  padding: 0;
}




.window-card-style {
  background-color: var(--window-bg);
  border: 1px solid var(--input-border);
  border-radius: 16px; 
  padding: 24px;
  width: 100%;
  max-width: var(--max-width);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 
  margin: auto; 
}


.inner-section-style {
  background-color: var(--input-bg);
  border-radius: 12px; 
  padding: 16px;
  margin-bottom: 24px;
}




.header-style-h3 {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color2);
}


.header-style-h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color2);
}


.label-style {
  display: block;
  font-size: 14px;
  color: var(--text-color-balance);
  margin-bottom: 8px;
}


.small-text-style {
  font-size: 12px;
  color: var(--text-color-balance);
}

.md-header {
  background-color: #131a24 !important;
}

.md-footer {
  display: none;
}

.md-nav__title {
  background-color: #131a24 !important;
}