* {box-sizing: border-box;}
html, body {width: 100%; height: 100%; margin: 0; padding: 0; color: #222222; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; background: #000000;}
html, body, input, button, select, textarea, a, label {font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}
input[type="text"], input[type="email"] {padding: 9px 10px 10px; border: 1px solid #8a8a8a; border-radius: 6px; background: #f9f6ef; color: #2a2a2a; height: 36px; transition: all 0.3s ease-in-out; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);}
input[type="text"]:focus, input[type="email"]:focus {outline: none; border-color: #a5c956; box-shadow: 0 0 4px 2px rgba(165, 201, 86, 0.3); background: #fffdf7;}
input[type="text"], input[type="email"] {min-width: 214px;}
input[type="text"]:disabled {opacity: 0.5;}
.paragraph {margin: 0;}
.nowrap {white-space: nowrap;}
.error-message {color: #d00;}
.site-container {display: flex; flex-direction: column; align-items: center; width: 1140px; min-width: 1140px; margin: 0 auto;}
.page-row {display: flex; flex-direction: row; width: 1140px; min-width: 1140px;}
.page-title {color: #8f0000; font-weight: bold; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
.page-title.center {align-items: center; text-align: center;}
.page-title.main {font-size: 16px;}
.bg-left {width: 70px; background: url('https://l-bk.fun/new/register/topbgl.jpg') no-repeat right top;}
.bg-right {width: 70px; background: url('https://l-bk.fun/new/register/topbgr.jpg') no-repeat left top;}
.page-content {display: flex; flex-direction: column; width: 1000px;}
.page-top {display: flex;flex-direction: row; align-items: stretch; width: 1000px;}
.sidebar-left {background: url('https://l-bk.fun/new/register/bgl.jpg') repeat-y right top; display: flex; flex-direction: column; align-items: flex-end;}
.sidebar-right {background: url('https://l-bk.fun/new/register/right2.jpg') repeat-y; display: flex; flex-direction: column; align-items: flex-start;}
.sidebar-left img, .sidebar-right img {display: block;}
.main-area {display: flex; flex-direction: column; background: #edd7ae; flex: 1;}
.header img, .header-extra img, .footer-extra img, .footer img {display: block; width: 100%;}
.content-block {display: flex; flex-direction: row; align-items: stretch;}
.content-border-left {background: url('https://l-bk.fun/new/register/vesch_leftbg.jpg') repeat-y;}
.content-border-left img, .content-border-right img {display: block;}
.content-border-right {background-color: #edd7ae;}
.content-center {flex: 1; background-color: #edd7ae; position: relative;}
.footer {width: 1000px;}
.restore-form {margin-top: 24px;}
.form-grid {display: flex; flex-direction: column; gap: 24px;}
.form-group {display: flex; flex-direction: column; gap: 4px;}
.form-group label {font-weight: bold;}
.form-group .required {color: red; margin-right: 4px;}
.form-input {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.form-actions {display: flex; justify-content: space-between; align-items: center;}
.btn {padding: 8px 24px 9px; height: 36px; font-size: 15px; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; color: #fff; transition: all 0.3s ease-in-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);}
.btn-join {background: linear-gradient(to bottom, #cdeb8e, #a5c956);}
.btn-join:hover {background: linear-gradient(to bottom, #d9f59a, #b0dc68); box-shadow: 0 0 10px rgba(180, 220, 100, 0.5);}
.btn-back {padding: 7px 12px; background: linear-gradient(to bottom, #7abcff, #4096ee);}
.btn-back:hover {background: linear-gradient(to bottom, #8fcbff, #5ba4f5); box-shadow: 0 0 10px rgba(96, 171, 248, 0.5);}
.spacer {width: 39px;}
#redate::placeholder {color: #999;}
#redate:focus::placeholder {opacity: 0;}
.form-note {color: #515860; line-height: 1.6;}