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


body {
     height: 100vh;
     display: flex;
     flex-direction: column;
     font-family: 'Arial', sans-serif;
     /* overflow: hidden; */
     scroll-behavior: smooth;

}

footer {
	width:100%;
	text-align: center;
	margin-top: 30px;
	padding: 30px;
	font-size: 0.9em;
	color: #666;
}
		
.container {
     width: 100%;
     display: flex;
     flex-direction: column;
     background-color: black;
}

.header__container {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 20px;
     background-color: #040029;
}

.logo__container {
     width: 100%;
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 20px;
     animation: fadeIn 1.2s ease;
}

.logo__container>img {
	padding:10px;
	width: 100px;
}

.logo__container>p {
	padding:10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 0 15px #1a6fee;
}

.navbar__container {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 40px;
     margin: 10px 0;
}

.navbar__container>a {
     color: white;
     font-size: 20px;
     font-weight: 400;
     transition: color 0.3s ease, transform 0.3s ease;
}

.navbar__container>a:hover {
     color: #1a6fee;
     transform: scale(1.1);
}

.form__container {
	max-width:1600px;
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	padding: 20px;
}

.registration__card {
     width: 640px;
     padding: 10px;
     border-radius: 16px;
    background-color: #231247;
     border: 2px solid rgba(255, 255, 255, 0.3);
     backdrop-filter: blur(10px);
     animation: slideInLeft 1s ease;
     margin-top: -20px;
     display: flex;
     align-items: start;
     text-align: start;
     flex-direction: column;
     gap: 5px;
     
}
.form__navbar {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 11px;
}
.form__navbar>img {
     width: 40px;
}
.form__navbar > p {
     color: white;
     font-weight: bold;
}
.registration__card>label {
     color: white;
     font-weight: 400;
     margin-top: 10px;
}

.registration__card>input {
     width: 100%;
     height: 40px;
     margin-top: 5px;
     background-color: #5B5A9C;
     border-radius: 8px;
     border: none;
     padding: 5px 10px;
     color: white;
}
.registration__card>select {
     width: 100%;
     height: 40px;
     margin-top: 5px;
     background-color: #5B5A9C;
     border-radius: 8px;
     border: none;
     padding: 5px 10px;
     color: white;
}
.check__box {
     display: flex;
     align-items: center;
     margin-top: 10px;
     gap: 10px;
}

.check__box>input {
     width: 20px;
     height: 20px;
     background-color: #5B5A9C;
     cursor: pointer;
}

.check__box>p {
     color: white;
     font-size: 14px;
}

.check__box>p>a {
     color: rgb(90, 90, 255);
     cursor: pointer;
}

.registration__card>button {
     width: 100%;
     height: 40px;
     border-radius: 8px;
     border: none;
     cursor: pointer;
     color: white;
     background-color: #1a6fee;
     font-size: 16px;
     margin-top: 20px;
     transition: all 0.3s ease;
}

.registration__card>button:hover {
     background-color: #1a6fee;
     transform: translateY(-3px);
     box-shadow: 0 5px 15px #1a6fee;
}

.registration__card>h3 {
     color: #1a6fee;
     font-size: 14px;
     font-weight: 400;
     margin-top: 20px;
}

.moree__info {
	padding:20px;
     width: 100%;
     display: flex;
     text-align: center;
     align-items:center ;
     justify-content: center;
}
.moree__info p {
     color: white;
     font-size: 16px;
     text-align: center;
}

.form__img{
	position:relative;
	width: 610px;
	bottom: -125px;
	right: 0px;
	animation: slideInRight 1s ease;
	margin-left:50px;
	z-index:0;
}

/* Анимации */
@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes slideInLeft {
     0% {
          transform: translateX(-100%);
          opacity: 0;
     }

     100% {
          transform: translateX(0);
          opacity: 1;
     }
}

@keyframes slideInRight {
     0% {
          transform: translateX(100%);
          opacity: 0;
     }

     100% {
          transform: translateX(0);
          opacity: 1;
     }
}

/* Адаптивность */
@media (max-width: 1200px) {
	
	.logo__container {
          flex-direction: column;
          align-items: center;
          text-align: center;
     }
	 
	 .logo__container>p {
          font-size: 20px;
     }
	 .navbar__container {
          flex-direction: column;
          gap: 10px;
     }

     .form__container {
		align-items: center;
		justify-content: center;
     }

     .registration__card {
          width: 100%;
     }
	 .form__img{
		position:absolute;
		width:1px;
        display:noone;
     
     }
     .form__img>img{
		position:absolute;
		width:1px;
        display:noone;
     
     }
	 .header__container {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0px;
     background-color: #040029;
}
}
}