/*** декор ***/
 
 
 :root {
      --bg-main: #141414;
      --bg-section: #101116;
      --bg-card: #14151d;
      --bg-card-soft: #181924;
      --bg-white: #fff;
      --accent: #ff8a1f;
      --accent-soft: #ffb347;
      --text-muted-soft: #a3a4b3;
      --text-muted-soft2: #7d7e8d;
      --radius-lg: 1.5rem;
    }
    
    @font-face {
		font-family: 'Druk Cyr';
		src: url('DrukCyr-Bold.eot');
		src: local('Druk Cyr Bold'), local('DrukCyr-Bold'),
			url('../css/fonts/DrukCyr-Bold.eot?#iefix') format('embedded-opentype'),
			url('../css/fonts/DrukCyr-Bold.woff2') format('woff2'),
			url('../css/fonts/DrukCyr-Bold.woff') format('woff'),
			url('../css/fonts/DrukCyr-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	
	
	@font-face {
		font-family: 'Druk Cyr';
		src: url('DrukCyr-Medium.eot');
		src: local('Druk Cyr Medium'), local('DrukCyr-Medium'),
			url('../css/fonts/DrukCyr-Medium.eot?#iefix') format('embedded-opentype'),
			url('../css/fonts/DrukCyr-Medium.woff2') format('woff2'),
			url('../css/fonts/DrukCyr-Medium.woff') format('woff'),
			url('../css/fonts/DrukCyr-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
	}
	
	@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

   
   /*** базовые настройки ***/
   
   
   body {
      min-height: 100vh;
      background: var(--bg-main) url('/sources/base/img/index/bg-top.png') no-repeat top center;
      background-size:100%;
      color: #fff;
      font-family: "Inter", sans-serif;
    }
    
        
    body .planet-page {   
      background: url(/sources/base/img/index/bg-footer.png) no-repeat bottom center;
      background-size:100%;   
      padding: 0;
    }
    
  @media (max-width: 768px) {
	body {
		 background: var(--bg-main)  url(/sources/base/img/index/bg-top-mobile.png) no-repeat top center;
	}
	
    body .planet-page {   
      background: none;
    }
  }  
    

    a { text-decoration: none; }
    
    .container {padding:0;}
    
    .section {
      padding-top:clamp(2rem, 5vw, 6.5rem);
       padding-bottom:clamp(2rem, 5vw, 6.5rem);
       padding-left: 0.75rem;
       padding-right: 0.75rem;
      position: relative;
    }

    .section + .section {
      padding-top: 0;
    }


    
    
    
    h3 {
      text-transform: uppercase;
      font-weight: bold;
      font-size: clamp(50px, 8vw, 90px);
      font-family: 'Druk Cyr';
      line-height: 100%;
      letter-spacing: -1px;
      margin-bottom: .75rem;
 
      background-color: #fff;
      -webkit-background-clip: text;
      -moz-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 8px -0px 6px rgba(0, 0, 0, 0.10);     
      text-align:center;
    }
    
    
    h3 .accent {
      /* градиент по буквам */
	  background: linear-gradient(180deg, #ffb949 0%, #ff8a1f 100%);
	  -webkit-background-clip: text;
			  background-clip: text;
	  color: transparent;

	  /* “объём + лёгкая вогнутость”: сверху потемнее, снизу подсветка */
	  text-shadow: 8px -0px 6px rgba(0, 0, 0, 0.10);
    }
    
    
     .bg-blur-dark {
		 /* цвет фона #212121 с прозрачностью 5% */
		  background-color: rgba(33, 33, 33, 0.05);
			border-radius:20px;
		  /* тень как на скрине: X=0, Y=4, Blur=50, Spread=0, цвет #000000 с 50% */
		  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);

		  /* блюр из Figma: 113.5 (там это px) */
		  backdrop-filter: blur(35.5px);
		  -webkit-backdrop-filter: blur(35.5px); /* для Safari */
	 }
	 
	 .btn-accent {
		  border-radius: 999px;
		  background: linear-gradient(135deg, var(--accent), #ffb347);
		  color: #fff;
		  font-weight: 700;
		  font-size: 1rem;
		  padding-inline: 3.9rem;
		  border: 0;
		  white-space: nowrap;
		  line-height:280%;
		}
		
	.btn-accent:hover {
      background: linear-gradient(135deg, #ffb347, var(--accent));
      color: #fff;
    }
    
  .btn-secondary {

     border-radius: 999px;
		  font-weight: 700;
		  font-size: 1rem;
		  padding-inline: 3.9rem;
		  border: 0;
		  white-space: nowrap;
		  line-height:280%;
  }  
     @media (max-width: 575px) {
 .btn-accent,   .btn-secondary {padding-inline: 1.4rem;}

     }

     .btn-sm.btn-accent, .btn-sm.btn-secondary {padding-inline: 1rem;line-height:200%;}
    
    /*****  Утилиты   ******/
    
    .width-40 {width:40%}
    .text-muted-soft {color:var(--text-muted-soft);}
    
    /* Пункты во *выпадающем списке* */
  .select2-container .select2-results__option {
    color: #555;
    font-size: 13px;
  }

  /* Текст в строке поиска внутри выпадашки (если она включена) */
  .select2-container .select2-search__field {
    color: #555;
    font-size: 13px;
  }

/* Заголовки групп (если используешь optgroup) */
.select2-container .select2-results__group {
  color: #555;
  font-size: 13px;
}


.iti__country-list {
  background-color: #101116;
  border: 1px solid #2a2d35;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

.iti__country {
  color: #e6e6eb;
}

.iti__country:hover,
.iti__country.iti__highlight {
  background-color: #1b1f2a;
}

.iti__divider {
  border-bottom: 1px solid #2a2d35;
}

/* Название страны */
.iti__country-name {
  color: #e6e6eb;
}

/* Код страны в списке */
.iti__dial-code {
  color: #8b90a0;
}

input:-internal-autofill-selected {background-color:#fff}

    /* NAVBAR */

    .planet-navbar {
      background: #6F6F6F21;
      backdrop-filter: blur(10px);
      border-radius: 20px;
      margin-bottom: 1rem;
      padding-inline: 1.75rem;
      border: 1px solid #94949414;
      padding-left:50px;padding-right:50px;
    }

    .planet-logo-mark {
      width: 32px;
      height: 32px;
      border-radius: 12px;
      margin-right: .75rem;
     
    }

    .planet-logo-text {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 1rem;
      font-size:20px;
    }

    .planet-logo-sub {
      font-size: 11px;
      color: var(--bg-white);
    }

    .nav-link {
      font-size: 16px;
      color: var(--bg-white);
    }

    .btn-outline-light.btn-circle {
      width: 32px;
      height: 32px;
      padding: 0;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: .75rem;
    }
	
	 .login {line-height:180%;padding-inline: 2.9rem;font-size: 14px;}


    /* HERO & CTA */
   /* Контейнер */
#hero,
.cta-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 25px; /* Чтобы на мобилке не липло к краю */
  
}

  @media (max-width: 768px) {
	.hero-p {margin: 0 1.5rem;
			  backdrop-filter: blur(35.5px);
		  -webkit-backdrop-filter: blur(35.5px); /* для Safari */
		  			border-radius:20px;
		  /* тень как на скрине: X=0, Y=4, Blur=50, Spread=0, цвет #000000 с 50% */
		  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);
		  position:relative;
		  z-index:2;
	}
	
	.money::before {
		content: '';
		background: url(/sources/base/img/index/money-1-top.png) no-repeat top left;
		background-size:75px;
		position:absolute;	  inset: 0;  
		top:0; left:0;
		z-index:1;pointer-events: none;
		
	}
	.money::after {
		content: '';
		background: url(/sources/base/img/index/money-2-top.png) no-repeat top right;
		background-size:105px;
		position:absolute;	  inset: 0;  
		top:180px; right:0;
		z-index:3;pointer-events: none;
	}	
	.wrap-hero {
  padding-left:.75rem;
  padding-right:.75rem;
  
}
  }  
    

/* Обёртка секции */
.wrap-hero {
  position: relative;
  padding-top:clamp(3rem, 1.2vw, 6rem);
  padding-bottom:clamp(0rem, 3vw, 5rem);
  
}

/* HERO базовые стили (мобилка) */

.hero-block {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.hero-title-big {
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Druk Cyr';
  line-height: 100%;
  letter-spacing: -1px;
  margin-bottom: clamp(0.4rem, 1vw, 0.75rem);
  /* плавный размер от мобилки к десктопу */
  font-size: clamp(75px, 8vw, 150px);
}

.hero-title-big.accent {
  background: linear-gradient(180deg, #ffb949 0%, #ff8a1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 10px 0 8px rgba(0, 0, 0, 0.15);
}

.hero-text-lead_new {
  color: var(--text-white);
  line-height: 120%;
  letter-spacing: -1px;
  /* тоже плавно масштабируем */
  font-size: clamp(16px, 1.7vw, 20px);
}

/* Вогнутость для basetext */
.hero-block .basetext {
  background-color: #fff;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 10px 0 8px rgba(0, 0, 0, 0.15);
}

/* Планшеты — если нужно чуть подправить отступы/размеры */
@media (min-width: 768px) {


  .hero-block {
    gap: 5px;
  }
}

/* Десктоп: включаем твою flex-схему с тремя блоками */
@media (min-width: 992px) {
  .hero-block {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 35px;
    row-gap: 0;
    align-items: center;
  }

  .hero-block .accent {
    order: 1;
    flex: 0 0 auto;
  }

  .hero-block .hero-text-lead_new {
    order: 2;
    flex: 1 1 0;
    min-width: 0;
  }

  .hero-block .basetext {
    order: 3;
    flex: 0 0 100%;
  }
}

/* Очень широкие экраны — если хочешь прям крупный заголовок */
@media (min-width: 1200px) {
  .hero-title-big {
    font-size: 120px; /* можно оставить, если в макет влезает */
    margin-bottom: 0.65rem;
  }
}

    
    /* CTA */

.cta-section .form-wrapper {margin:75px 0;}
#hero .form-wrapper {position:relative;z-index:10;}
    
    /* Формы регистрации */

    .btn-reg {      background: #1616166B;  border-radius: 20px 20px 0 0;}
    .reg-back  {color:#fff!important;text-decoration:none!important;}

    .form-wrapper {
      margin-top: 2rem;
      background: #1616166B;
      border-radius: 20px;
    
    }

    .form-wrapper .form-but {font-size:clamp(11px,2vw,16px);}
    .form-wrapper .reg-step {width:100%;}
    .form-wrapper,  .form-wrapper .box {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 1.8rem;
      width:100%;
    }
        .form-but { justify-content: start ;padding-left:clamp(2rem, 2vw, 4rem); }
      @media (min-width: 768px) {
      .form-wrapper {
        padding: 1.1rem 0.8rem;   
      //   border: 1px solid rgba(255,255,255,0.09); 
        } 

      
      }
      
      
  @media (max-width: 768px) {
  .cta-section .form-wrapper {padding: 1.1rem 0.8rem;   }
  }
    
    .form-wrapper .fieldset { 
	display: flex;    
  flex-direction: column;          /* d-flex */
		flex-wrap: wrap;
	    align-items: center;        /* align-items-center */
	     width:100%;         
	    gap: 1.5rem;                /* gap-2  (в Bootstrap 5 = 0.5rem) */
	    padding-left: 0.5rem;       /* px-2 */
	    padding-right: 0.5rem;      /* px-2 */
     }

    .form-wrapper .form-control,
    .form-wrapper .form-select, .form-wrapper .passw, .form-wrapper .phone {
      background: #fff;
      border: 0;
      border-radius: 999px;
      color: #757575;
      font-size: .9rem;
      line-height:280%;
    }
     
     
    .form-wrapper  .icon {color: var(--accent)}
	.form-wrapper  .usmall-text {font-size:4px;}
	
    .form-wrapper .form-control::placeholder {
      color: var(--text-muted-soft2);
    }
 
 
	.form-wrapper .form-control:focus,
    .form-wrapper .form-select:focus {
      box-shadow: none;
    }

    .form-wrapper .divider {
      width: 2px;
      align-self: stretch;
      background: rgba(0,0,0,0.08);
    }
    
   .hero-form-bottom-links {
      font-size: clamp(0.8rem, 1vw, 1.1rem);
      margin-top: 1.5rem;
      padding-left: .6rem;
    }

    .hero-form-bottom-links a {
      color: var(--accent);
    }

    .hero-form-bottom-links a:hover {
      color: #fff;
    }
    


     
	 /*@media (max-width: 575px) {*/


    .field_message {display:block;min-height:13px;font-size:13px;width:100%;text-align:center;margin-bottom:6px;}     .field_message p {margin:0;}
		.form-wrapper .passw,	.form-wrapper .phone {width:100%;}
		.form-wrapper .actions {
			width:100%;
			padding-left: 0.5rem;       /* px-2 */
			padding-right: 0.5rem;      /* px-2 */
      	flex-wrap: wrap;
		}

    .form-wrapper .actions > * {padding-inline:1.1em;}
    .form-but { justify-content: center ;padding-left:0rem; }
    
   // .form-wrapper .actions > * {	width:100%;}

    .form-wrapper .iti {width:100%;}
		
	//	.form-wrapper .actions .btn-accent {width:100%;}
    .field-pass {background: #fff;  border: 0; border-radius: 999px; 
		 flex: 1 1 auto;   gap: 0.5rem; padding: 0 10px; width:100%  }
	 /*}*/
    
    /*@media (min-width: 576px) {
    .form-wrapper {  padding: 1.8rem 1.2rem; }
    
    .form-wrapper .fieldset { 
		background: #fff;  border: 0; border-radius: 999px; 
		 flex: 1 1 auto;   gap: 0.5rem;  
	   }
	  
	  .form-wrapper .phone {width:35%;} 
	   
    }*/
    
	

    
    
   

    /* FOOTER */

    footer {
      padding: 2.5rem 0 2rem;
      background: #030305;
      border-top: 1px solid rgba(255,255,255,0.05);
      font-size: .8rem;
      color: var(--bg-white);
    }
    @media (min-width: 480px) and (max-width: 992px) {
    
    .ceo-block , .phone-block {width:50%;}
    
    }
    
     @media (max-width: 992px) {
     footer {padding-left:2.7rem;padding-right:2.7rem;}
     footer .row {row-gap:2rem;}
     }
     .footer-name {font-size:clamp(6.45px, 2vw, 11.55px);}
     .footer-name .name {font-size:clamp(12.5px, 2vw, 18.55px);}

    .footer-avatar {
      width: clamp(60px, 1vw, 70px);
      height: clamp(60px, 1vw, 70px);
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #fff 0, #ffe9c4 30%, var(--accent) 60%, #7b3200 100%);
      margin-right: .75rem;
      flex-shrink: 0;
    }
    
    .footer-icon {
	  width: 40px;
      height: 40px;
      border-radius: 999px;
	background: linear-gradient(90deg, #E0E0E0 0%, #C0C0C0 100%);
      margin-right: .75rem;
      color:var(--bg-main);
      text-align:center;
      line-height: 40px;
      font-size:18px;
    }

    .footer-title {
      font-weight: 600;
      color: #fff;
      font-size: .85rem;
      margin-bottom: .15rem;
    }
    
   

    .footer-phone a {
      color: #fff;
      font-size:clamp(14.45px, 2vw, 22.55px);
      font-weight:bold;
    }
    
    .footer-phone .icon {font-size:6px;color:var(--accent);}
    .footer-phone .desc-phone * {line-height:140%;font-size:clamp(9.45px, 1vw, 14.55px);}

    .footer-links a, .requisites {
      color: var(--text-muted-soft2);
      font-size:13px;
      display:block;
    }

    .footer-links a:hover {
      color: #fff;
      
    }
    

    .footer-bottom {
      font-size: .72rem;
      color: #626370;
      margin-top: 1rem;
    }
    
/****   MODAL  *****/
.modal {

 /* блюр из Figma: 113.5 (там это px) */
 backdrop-filter: blur(4.5px);
-webkit-backdrop-filter: blur(4.5px); /* для Safari */

}

.modal-content {background:var(--bg-main);
 box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);
 border-radius:20px;

}
.modal-dialog .form-control {background:#fff; color:var(--bg-section);border-radius:999px;line-height:280%;text-align:center;overflow:hidden;}
.modal-dialog .form-control::placeholder {color:#777;text-align:center; }
.modal-dialog label {margin-bottom:.45rem;padding-left:20px;}

.modal-dialog .modal-footer, .modal-dialog .modal-header {border:none}
.modal-dialog  .modal-title {font-weight:600;}