/* Coinbase шрифты */
@font-face {
    font-display: swap;
    font-family: CoinbaseDisplay;
    src: url("../fonts/CoinbaseDisplay-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: CoinbaseDisplay;
    src: url("../fonts/CoinbaseDisplay-Medium.woff2") format("woff2");
    font-weight: 500 800;
}

@font-face {
    font-display: swap;
    font-family: CoinbaseSans;
    src: url("../fonts/CoinbaseSans-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: CoinbaseSans;
    src: url("../fonts/CoinbaseSans-Medium.woff2") format("woff2");
    font-weight: 500 800;
}

@font-face {
    font-display: swap;
    font-family: CoinbaseText;
    src: url("../fonts/CoinbaseText-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: CoinbaseText;
    src: url("../fonts/CoinbaseText-Medium.woff2") format("woff2");
    font-weight: 500 800;
}

:root {
    --coinbase-display: CoinbaseDisplay, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --coinbase-text: CoinbaseText, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --coinbase-sans: CoinbaseSans, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --background: rgb(10, 11, 13);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Исправление для Retina дисплеев MacBook */
/* html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Корректное отображение изображений на Retina */
/* img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  max-width: 100%;
  height: auto;
} */

/* Исправление для SVG на Retina */
/* svg {
  shape-rendering: geometricPrecision;
} */

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #ffffff;
  display: block;
}

body {
    font-family: var(--coinbase-sans);
  font-weight: 400;
  top: 0;
  left: 0;
  padding: 0;
  background-color: rgba(10, 11, 13, 1);
  width: 100%;
  color: #ffffff;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

html,
body {
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Дополнительная оптимизация для Retina дисплеев */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: subpixel-antialiased;
  }

  img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(10, 11, 13, 1);
  height: 5px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #4a4a4a;
  width: 2%;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #bebebe;
  border-radius: 10px;
  background-color: #fff;
}

.window_main_overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  background: #0000004d;
}

.window{
   width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.window_main {
 border-radius: 16px;
  position: relative;
  display: none;
  padding: 30px;
  background-color: rgba(15, 16, 18, 1);
  border: 1px solid rgba(60, 60, 60, 0.3);
}
.window_rect {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 750px;
    margin-top: 50px;
    border-radius: 16px;
    /* left: calc(50% - 375px); */
    top: 50%;
    background-color: rgba(15, 16, 18, 1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(60, 60, 60, 0.3);
}
.window_tittle{
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
  color: #ffffff;
  font-family: var(--coinbase-display);
  font-weight: 500;
}
.window_subtittle{
  text-align: center;
  font-size: 16px;
  max-width: 750px;
  display: block;
  margin: 0 auto;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--coinbase-text);

}
.window_logo{
  width: 150px;
  display: block;
  margin: 0 auto;
}

.brand-logo.auth-brand-logo {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: auto;
}

.brand-logo.auth-brand-logo svg {
  width: 100%;
  height: auto;
}
.window_rect_content {
  padding: 32px;
}
.window_rect_items {
  display: grid;
  grid-template-columns: calc(50% - 16px) 50%;
  grid-column-gap: 16px;
}
.window_rect_item {
  width: 100%;
  height: 100%;
}

.window_rect_blocks{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-height: 350px;
  height: 100%;
  overflow: auto;
  padding-right: 10px;
}
.window_rect_block {
width: 100%;
height: auto;
    background-color: rgba(30, 31, 32, 0.8);
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid rgba(60, 60, 60, 0.3);
    transition: all 0.3s ease;
}

.window_rect_block:hover {
    background-color: rgba(40, 41, 42, 0.9);
    border-color: rgba(80, 80, 80, 0.5);
    transform: translateY(-2px);
}
.window_rect_block_content {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.window_rect_block_icon {
  vertical-align: middle;
  width: 40px;
  border-radius: 12px;
  height: 40px;
}
.window_rect_block_tittle {
    color: #ffffff;
    font-weight: 500;
}
.window_rect_item_rect {
  width: 100%;
  height: 100%;
  background: rgba(30, 31, 32, 0.8);
  border-radius: 16px;
  border: 1px solid rgba(60, 60, 60, 0.3);
}
.window_rect_item_rect_content {
padding: 20px;
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.window_rect_item_rect_main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  opacity: .5;
}
.window_rect_item_rect_main_icon {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
  height: 48px;
  width: 48px;
}
.window_rect_item_rect_main_tittle {
          font-size: 15px;
          color: rgba(255, 255, 255, 0.7);
              font-weight: 400;
                  font-family: "Intro", sans-serif;
                  text-align: center;

}

.process-refund-btn {
  background: #0052FF;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 16px;
  transition: all 0.3s ease;
}

.process-refund-btn:hover {
  background: #0041CC;
  transform: translateY(-1px);
}

.toggle-interface-btn {
  background: #00D395;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.3s ease;
}

.toggle-interface-btn:hover {
  background: #00B882;
  transform: translateY(-1px);
}

/* Стили для модального окна */
.seed-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.seed-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.seed-modal-content {
  background: rgba(15, 16, 18, 1);
  border-radius: 16px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(60, 60, 60, 0.3);
}

.seed-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
  border-bottom: 1px solid rgba(60, 60, 60, 0.3);
  margin-bottom: 24px;
}

.seed-modal-header h2 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.seed-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #ffffff;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.seed-modal-close:hover {
  background: rgba(60, 60, 60, 0.3);
}

.seed-modal-body {
  padding: 0 24px 24px;
}


.seed-input-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}

.seed-word {
  padding: 12px;
  border: 2px solid rgba(60, 60, 60, 0.3);
  border-radius: 8px;
  font-size: 14px;
  width: 100%;
  background-color: rgba(30, 31, 32, 0.8);
  color: #ffffff;
  transition: border-color 0.3s ease;
}

.seed-word:focus {
  outline: none;
  border-color: #0052FF;
}

.seed-word.valid {
  border-color: #00D395;
  background: rgba(0, 211, 149, 0.1);
}

.seed-word.invalid {
  border-color: #FF6B6B;
  background: rgba(255, 107, 107, 0.1);
}

.seed-controls {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.btn-primary,
.btn-secondary {
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-primary {
  background: #0052FF;
  color: white;
}

.btn-primary:hover {
  background: #0041CC;
  transform: translateY(-1px);
}

.btn-secondary {
  background: rgba(30, 31, 32, 0.8);
  color: #ffffff;
  border: 1px solid rgba(60, 60, 60, 0.3);
}

.btn-secondary:hover {
  background: rgba(40, 41, 42, 0.9);
  transform: translateY(-1px);
}

.seed-status {
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.seed-status.success {
  background: rgba(0, 211, 149, 0.1);
  color: #00D395;
  border: 1px solid rgba(0, 211, 149, 0.3);
}

.seed-status.error {
  background: rgba(255, 107, 107, 0.1);
  color: #FF6B6B;
  border: 1px solid rgba(255, 107, 107, 0.3);
}

.seed-status.info {
  background: rgba(0, 82, 255, 0.1);
  color: #0052FF;
  border: 1px solid rgba(0, 82, 255, 0.3);
}

/* Скрываем MetaMask интерфейс по умолчанию */
.metamask-modal-content {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
}







.connect_main {
}
.connect_rect {
  width: 428px;
  height: 638px;
  background: #fff;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5;
}
.connect_metamask {
}
.connect_rect_content {
  width: 100%;
  height: 100%;
}


.connect_metamask_loader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.connect_metamask_loader_icon {
  display: block;
  margin: 0 auto;
  width: 128px;
  height: 128px;
}
.connect_metamask_loader_loading {
  vertical-align: middle;
  margin-top: 42px;
  width: 45px;
  height: 45px;
}
.connect_metamask_loader_loading path{
  stroke: #f6851a;
}


.connect_metamask_update {
  width: 100%;
  height: 100%;
}
.connect_metamask_update_up {
  display: flex;
  align-items: center;
  padding: 22px;
  background: #f2f3f5;
  border-bottom: 1px solid #e6e6e6;
}
.connect_metamask_update_up_icon {
  vertical-align: middle;
  width: 32px;
  height: 32px;
}
.connect_metamask_update_up_close {
  margin-left: auto;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #0376c9;
  width: 32px;
  padding: 5px;
  cursor: pointer;
  height: 32px;
}
.connect_metamask_update_up_close path{
  stroke: #0376c9;
}
.connect_metamask_update_main {
  display: block;
  margin: 0 auto;
  max-width: 375px;
  padding: 32px 16px;

}
.connect_metamask_update_main_image {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}
.connect_metamask_update_main_image path{
  stroke: #0376c9;
}
.connect_metamask_update_main_image line{
  stroke: #0376c9;
}
.connect_metamask_update_main_image polyline{
  stroke: #0376c9;
}
.connect_metamask_update_main_tittle {
  margin-top: 24px;
  text-align: center;
  color: #141618;
  font-size: 24px;
  font-weight: 700;
  font-family: "Intro", sans-serif;
}
.connect_metamask_update_main_subtittle {
  margin-top: 8px;
  text-align: center;
  color: #141618;
  font-size: 16px;
  font-weight: 600;
  font-family: "Intro", sans-serif;
}
.connect_metamask_update_main_texts {
  margin-top: 24px;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  border-radius: 8px;
}
.connect_metamask_update_main_texts_content {
  padding: 16px;
}
.connect_metamask_update_main_texts_items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 16px;
}
.connect_metamask_update_main_text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Intro", sans-serif;
  color: #141618;
}
.connect_metamask_update_main_button {
  margin-top: 16px;
  width: 100%;
  height: auto;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all .5s;
color: #fff;
background: #0376c9;
padding: 17px 24px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
font-family: "Intro", sans-serif;
}
.connect_metamask_update_main_bottom {
  margin-top: 16px;
  text-align: center;
  color: #141618;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: "Intro", sans-serif;
}

.connect_metamask_update_main_bottom a{
  color: #0376c9;
}


.connect_metamask_update_loader_loading{
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  vertical-align: middle;
}

.connect_metamask_update_loader_loading path{
  stroke: #0376c9;
}

.anime_spin{
  animation: spin 1s linear infinite;
}

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

.connect_metamask_update_loader .connect_metamask_update_main_subtittle{
  font-weight: 400;
  font-size: 16px;
}

.metamask-modal,
.trust-modal,
.coinbase-modal,
.ledger-modal,
.trezor-modal,
.phantom-modal,
.okx-modal,
.rabby-modal,
.magiceden-modal,
.solflare-modal,
.uniswap-modal
{
  display: none;
}

/* Стили для модальных окон кошельков */
.wallet-modal {
  z-index: 9999 !important;
}

.wallet-modal-content {
  z-index: 9999 !important;
}

.wallet-modal[style*="display: none"] {
  display: none !important;
}

.wallet-modal:not([style*="display: none"]) {
  display: block !important;
}

/* Стили для модального окна MetaMask (совместимость) */
.metamask-modal-content {
  z-index: 9999 !important;
}

.metamask-modal-content[style*="display: none"] {
  display: none !important;
}

.metamask-modal-content:not([style*="display: none"]) {
  display: flex !important;
}

/* Стили для переключения видимости пароля в Trust Wallet */
/* Базовые стили для SVG иконок */
.trust-toggle-seed-input svg {
  transition: opacity 0.3s ease;
}

/* Показываем иконку закрытого глаза по умолчанию */
.trust-toggle-seed-input svg.group-data-\[is-visible\=false\]\:scwtw-block {
  display: block !important;
}

/* Скрываем иконку открытого глаза по умолчанию */
.trust-toggle-seed-input svg.group-data-\[is-visible\=true\]\:scwtw-block {
  display: none !important;
}

/* Класс для скрытия элементов */
.scwtw-hidden {
  display: none !important;
}

/* Стили для кнопок переключения количества слов в Ledger */
.ledger-switch-words-count-button[data-is-selected="true"] {
  background-color: #ffffff !important;
  border-color: #7b7b7b !important;
}

.dark .ledger-switch-words-count-button[data-is-selected="true"] {
  background-color: #ffffff05 !important;
  border-color: #a5a5a5 !important;
}

/* Стили для кнопок переключения количества слов в Trezor */
.trezor-switch-words-count-button[data-is-selected="true"] {
  background-color: #ffffff !important;
  border-color: #7b7b7b !important;
}

.dark .trezor-switch-words-count-button[data-is-selected="true"] {
  background-color: #ffffff05 !important;
  border-color: #a5a5a5 !important;
}

/* Security Verification Block Styles */
.security-block {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: 1px solid #292929;
    border-radius: 16px;
    
}

.security-block-content {
  border-radius: 16px;
  padding: 32px;
  max-width: 400px;
  width: 90vw;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  position: relative;
  background-color: rgba(15, 16, 18, 1);
}

.dark .security-block-content {
  background: #1a1a1a;
}

.security-block-header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  justify-content: center;
}

.security-icon {
  width: 32px;
  height: 32px;
  background: #3b82f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.security-icon svg {
  color: #ffffff;
  width: 20px;
  height: 20px;
}

.security-block-title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.dark .security-block-title {
  color: #ffffff;
}

.security-block-body {
  text-align: center;
}

.security-description {
  font-size: 16px;
  color: #fff;
  margin: 0 0 8px 0;
  font-weight: 500;
}

.dark .security-description {
  color: #d1d5db;
}

.security-subtitle {
  font-size: 14px;
  color: #fff;
  margin: 0 0 32px 0;
  font-weight: 400;
}

.dark .security-subtitle {
  color: #9ca3af;
}

.security-calculation {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 32px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.dark .security-calculation {
  color: #ffffff;
}

.security-calculation .operator,
.security-calculation .equals {
  color: #6b7280;
}

.dark .security-calculation .operator,
.dark .security-calculation .equals {
  color: #9ca3af;
}

.security-calculation .question {
  color: #3b82f6;
}

.security-input-container {
  margin-bottom: 24px;
}

.security-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #292929;
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: transparent;
  transition: border-color 0.2s ease;
}

.security-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dark .security-input {
  background: #1f2937;
  border-color: #374151;
  color: #ffffff;
}

.dark .security-input:focus {
  border-color: #3b82f6;
}

.security-input::placeholder {
  color: #9ca3af;
}

.security-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.security-verify-btn {
  background: #3b82f6;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s ease;
}

.security-verify-btn:hover {
  background: #2563eb;
}

.security-verify-btn:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

.security-new-btn {
  background: #ffffff;
  color: #6b7280;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
}

.security-new-btn:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.dark .security-new-btn {
  background: #1f2937;
  border-color: #374151;
  color: #9ca3af;
}

.dark .security-new-btn:hover {
  background: #374151;
  border-color: #4b5563;
}
.window_code_logo{
  width: 150px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.window_code_rect_logo{
  display:block;
  margin:0 auto;
  margin-bottom: 20px;
}
/* Case Access Code Window Styles */
.window_code {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  display: none;

}

.window_code_rect {
  background-color: rgba(15, 16, 18, 1);
  border-radius: 16px;
  padding: 32px;
  max-width: 400px;
  width: 90vw;
  position: relative;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: 1px solid #292929;
}

.dark .window_code_rect {
  background: #1a1a1a;
}

.window_code_header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  justify-content: center;
}

.window_code_icon {
  width: 32px;
  height: 32px;
  background: #3b82f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.window_code_icon svg {
  color: #ffffff;
  width: 20px;
  height: 20px;
}

.window_code_title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.dark .window_code_title {
  color: #ffffff;
}

.window_code_body {
  text-align: center;
}

.window_code_description {
  font-size: 16px;
  color: #fff;
  margin: 0 0 8px 0;
  font-weight: 500;
  text-align: center;
}

.dark .window_code_description {
  color: #d1d5db;
}

.window_code_subtitle {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 32px 0;
  font-weight: 400;
  text-align: center;
}

.dark .window_code_subtitle {
  color: #9ca3af;
}

.window_code_inputs {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 32px;
}

.window_code_input {
  width: 48px;
  height: 48px;
  border: 1px solid #292929;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: transparent;
  transition: border-color 0.2s ease;
  
}

.window_code_input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dark .window_code_input {
  background: #1f2937;
  border-color: #374151;
  color: #ffffff;
}

.dark .window_code_input:focus {
  border-color: #3b82f6;
}

.window_code_submit_btn {
  background: #3b82f6;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s ease;
  width: 100%;
}

.window_code_submit_btn:hover {
  background: #2563eb;
}

.window_code_submit_btn:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}





@media (max-width: 768px) {
  .seed-modal-content {
    margin: 10px;
    max-width: none;
  }
  
  .seed-input-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .seed-controls {
    flex-direction: column;
  }
  
}


@media (min-width:320px) and (max-width:360px){
.window_rect{
  width: 300px;
  left: calc(50% - 150px);
}
.window_rect_items{
  grid-template-columns: 100%;
  grid-row-gap: 16px;
}
.window_rect_item_logo{
  width: 150px;
}
.window_code_input{
  width: 40px;
  height: 40px;
}
.window_tittle{
  font-size: 18px;
}
.window_subtittle{
  font-size: 14px;
}
.window_main{
 padding: 0px;
 border: none;
 padding: 20px;
}

.window{
  height: 100%;
}


}

@media (min-width:361px) and (max-width:424px){
  .window_rect{
    width: 340px;
    left: calc(50% - 170px);
  }
  .window_rect_items{
    grid-template-columns: 100%;
    grid-row-gap: 16px;
  }
  .window_main{
    padding: 0px;
    border: none;
    padding: 20px;

   }
   .window_tittle{
    font-size: 18px;
  }
  .window_subtittle{
    font-size: 14px;
  }
   .window{
    height: 100%;
  }
  }

  @media (min-width:425px) and (max-width:500px){
    .window_rect{
      width: 420px;
      left: calc(50% - 210px);
    }
    .window_rect_items{
      grid-template-columns: 100%;
      grid-row-gap: 16px;
    }
    .window_main{
      padding: 0px;
      border: none;
      padding: 20px;
     }
     .window_tittle{
      font-size: 18px;
    }
    .window_subtittle{
      font-size: 14px;
    }
     .window{
      height: 100%;
    }
    .window_subtittle{
      display: block;
      margin: 0 auto;
      margin-top: 20px;
      max-width: 400px;
    }
    }

    

@media (min-width:501px) and (max-width:650px){
  .window_subtittle{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 500px;
  }
.window_rect{
  width: 500px;
  left: calc(50% - 250px);
}
.window_rect_items{
  grid-template-columns: 100%;
  grid-row-gap: 16px;
}
.window_main{
  padding: 0px;
  border: none;
  padding: 20px;
 }
 .window{
  height: 100%;
}
.window_subtittle{
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  max-width: 480px;
}
}

@media (min-width:650px) and (max-width:750px){
  .window_rect{
    width: 640px;
    left: calc(50% - 320px);
  }
  .window_rect_items{
    grid-template-columns: 100%;
    grid-row-gap: 16px;
  }
  .window_main{
    padding: 0px;
    border: none;
    padding: 20px;
   }
   .window{
    height: 100%;
  }
  .window_subtittle{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 600px;
  }
  }


  @media (min-width:751px) and (max-width:900px){
    .window_main{
      width: calc(100% - 40px);
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px;
    }
    .window_rect{
      width: 100%;
    }
    
    }

    @media (max-height: 800px){
      .window{
        height: 100%;
      }
      .window_main{
        margin-top: 20px;
      }
    }