 <!DOCTYPE html>
<html lang="ru" prefix="og: https://ogp.me/ns#">
    <head>
 <base href="[[!++site_url]]">
<meta charset="[[++modx_charset]]">
<title>[[*longtitle:notags:default=`[[*pagetitle:notags]]`]] | [[++site_name]]</title>
<meta name="description" content="[[*description:notags:default=`[[++site_name]] | [[*longtitle:notags:default=`[[*pagetitle:notags]]`]]`]]">
<meta name="keywords" content="[[+seoPro.keywords:notags:default=`[[*pagetitle:notags]] [[++site_name]]`]]">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="canonical" href="[[~[[*id]]? &scheme=`full`]]">
 <!-- Favicon -->
 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 <link rel="manifest" href="/site.webmanifest">
 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1b43e9">
 <meta name="msapplication-TileColor" content="#da532c">
 <meta name="theme-color" content="#ffffff">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
[[!Register?
  &submitVar=`login-register-btn`
  &activation=`1`
  &activationEmailSubject=`Подтверждение регистрации`
  &activationResourceId=`30`
  &successMsg=`Спасибо за регистрацию. На вашу электронную почту <span class="font-weight-bold">[[!+reg.email]]</span> отправлено письмо, содержащее ссылку, необходимую для активации аккаунта. Перейдите по ссылке в письме, чтобы завершить процедуру регистрации.`
  &usergroups=`Users`
  &usernameField=`email`
  &passwordField=`password`
  &validate=`nospam:blank,
    password:required:minLength=^8^,
    password_confirm:password_confirm=^password^,
    fullname:required,
    email:required:email`
  &placeholderPrefix=`reg.`
    &preHooks=`rcv3`
]]
<style>
html{
background-image: url(/assets/components/main/images/images9557/fon.jpg);
    background-size: cover;
    background-position: 50% 14.1%;
    background-repeat: repeat;
    background-attachment: fixed;
height: 100%;

}
body{
background-image: url(/assets/components/main/images/images9557/fon.jpg);
    background-size: cover;
    background-position: 50% 14.1%;
    background-repeat: repeat;
    background-attachment: fixed;
    	position: relative;
height: 100%;
}
a{
color:#000000;
}
.panel-body {
    padding: 20px 25px 10px 25px;
}
.container {
	box-sizing: border-box;
	min-height: 100%;
	padding-bottom: 110px;
}
.btn-link {
    font-weight: 400;
    color: #000000;
    border-radius: 0;
}
.btn-link:focus, .btn-link:hover {
    color: #1976d2;
    background-color: transparent;
text-decoration: none;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    list-style: none;
    font-family: 'Noto Sans',sans-serif;
}
footer {
font-weight:400;
    font-size: 18px;
font-family: Montserrat,sans-serif;
width: 100%;
background-color: #000;
bottom : 0;
color:#ffffff;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 106px;
	margin-top: -106px;
}
a:focus, a:hover {
    color: #1976d2;
    text-decoration: none !important;;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #1976d2;
    border-color: #1976d2;
font-size: 18px;
}
.btn-primary {
    color: #fff;
    background-color: #1976d2;
    border-color: #1976d2;
}
.panel-primary {
    border-color: #1976d2;
box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.1);
}


@media (min-width: 300px) and (max-width: 600px) {
.footer{min-height: 50px;}
}


</style>
    </head>
 <body>

 
<div class="container">
<div class="row">
  		<div class="col-md-12">
			<div class="row">
  		<div class="col-md-12">
				<div class="col-md-6 col-lg-6 col-xs-3 col-sm-6" style="margin-top: 30px;margin-bottom: 30px;">
<a href="[[!++site_url]]">
					<img src="assets/components/home/img/logo.svg" alt="VPN">
</a>
				</div>
				<div class="col-md-6 col-lg-6 col-xs-9 col-sm-6" style="text-align:right;margin-top: 50px;margin-bottom: 50px; font-size:14px">
<ul class="nav">
							<a class="nav-link active" href="https://myvpn.csp-cloud.org/authentication/" style="color: #1976d2;">Авторизация</a>
					
							<a style="color: #000000;">&nbsp;&nbsp;\&nbsp;&nbsp;</a>

							<a class="nav-link disabled" href="https://myvpn.csp-cloud.org/registration/" style="color: #000000;">Регистрация</a>
</ul>
				</div>
			</div>
		</div>
</div>
		</div>
<div class="row" style="margin-top: 8vh;margin-bottom: auto;min-height: 450px;">
    <div class="col-md-8 col-lg-6 col-xs-11 col-sm-10" style="margin-left: auto; margin-right: auto; float: none;">
      <div class="panel panel-primary">
        <div class="panel-heading">Регистрация</div>
    <div class="card-body" style="margin: 6%;">
      [[!+error.message:eq=``:then=`
        <form class="form" action="[[~[[*id]]]]" method="post">
        <input type="hidden" name="nospam" id="nospam" value="[[!+reg.nospam]]" />
        <div class="form-group">
          <label for="fullname">Имя:</label>
          <input type="text" name="fullname" class="form-control" value="[[!+reg.fullname]]">
          [[!+reg.error.fullname]]
        </div>
        <div class="form-group">
          <label for="email">Email:</label>
          <input type="email" name="email" class="form-control" value="[[!+reg.email]]">
          [[!+reg.error.email]]
        </div>
        <div class="form-group">
          <label for="password">Пароль:</label>
          <input type="password" name="password" class="form-control" value="[[!+reg.password]]">
          [[!+reg.error.password]]
        </div>
        <div class="form-group">
          <label for="password_confirm">Введите пароль ещё раз:</label>
          <input type="password" name="password_confirm" class="form-control" value="[[!+reg.password_confirm]]">
          [[!+reg.error.password_confirm]]
        </div>
        <input type="submit" name="login-register-btn" class="btn btn-primary" value="Далее">
        [[!rcv3_html? &action=`[[+rcv3Action:default=``]]` &error=`[[+reg.error.g-recaptcha-response]]`]]
      </form>
      `:else=`[[!+error.message]]`]]
    </div>
  </div>
</div>
 </div>
</div>
 </body>

  </div>
</div>
<footer>
	<div class="row"style="max-width: 1170px;margin-right: auto;margin-left: auto;">
			<div class="col-md-12">
			<div class="footer" style="margin-top: 20px;color:#ffffff;">
				<div class="col-md-6 col-lg-6 col-xs-5 col-sm-6" style="text-align:left;padding-left: 0px;">
					<p><a href="https://myvpn.csp-cloud.org" style="font-size:18px;color:#ffffff">
						<span>VPN</span>
					</p></a>
				</div>
				<div class="col-md-6 col-lg-6 col-xs-7 col-sm-6" style="text-align:right;padding-right: 0px;">
					<p>
						<a class="menu__link_2K2 w-nav__link" style="font-size:14px;color:#ffffff">Политика конфиденциальности</a>
					</p>
				</div>
			</div>
<div class="row" style="margin-top: 5px;">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12" style="text-align:right;">
					<p style="margin: 0;border-top: 1px solid #FFFFFF;font-size:14px;color:#ffffff">
						© CSP, 2024
					</p>
				</div>
</div
		</div>
</footer>
</html>