:root{
  --red:#ee1d25;
  --red-dark:#8d1318;
  --yellow:#ffe000;
  --text:#f7f7f7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#050505;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.4;
}
a{color:var(--yellow)}
.page{width:min(1024px,calc(100% - 24px));margin:0 auto;padding:20px 0 36px}
.event-header{width:100%;overflow:hidden;border:1px solid #2b2b2b;border-bottom:0;background:#000}
.event-header img{display:block;width:100%;height:auto}
.event-form{
  width:100%;
  margin:0;
  padding:24px 28px 0;
  border:1px solid var(--red);
  border-top:0;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.04),transparent 30%),linear-gradient(180deg,rgba(15,17,19,.99),rgba(6,7,8,.995));
  box-shadow:0 20px 60px rgba(0,0,0,.46);
}
.form-heading{display:flex;align-items:center;gap:18px;border-bottom:3px solid var(--red);padding:2px 4px 18px;margin-bottom:24px}
.form-heading-icon{width:58px;height:58px;border-radius:3px;background:var(--red);color:#111;display:grid;place-items:center;font-size:34px;font-weight:900;flex:0 0 auto}
.form-heading-small{font-size:32px;line-height:1;font-weight:900;color:#fff;text-transform:uppercase}
.form-heading-big{font-size:30px;line-height:1.05;font-weight:900;color:var(--red);text-transform:uppercase;margin-top:5px}
.form-section{margin:0 0 24px}
.section-title{height:42px;display:flex;align-items:center;background:linear-gradient(90deg,var(--red) 0%,var(--red-dark) 34%,rgba(108,22,27,.75) 74%,rgba(53,22,24,.38) 100%);clip-path:polygon(0 0,100% 0,97.5% 100%,0 100%);margin:0 0 14px}
.section-number{width:51px;height:42px;background:#ff2d34;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;position:relative;margin-right:18px}
.section-number:after{content:"";position:absolute;right:-14px;top:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:14px solid #ff2d34}
.section-title strong{font-size:18px;color:#fff}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.full{grid-column:1/-1}
.field label{display:block;margin:0 0 7px;font-size:16px;font-weight:700;color:#fff}
.field label em,.check em{color:#ff5258;font-style:normal}
input,select{width:100%;height:42px;background:#1a1e22;color:#fff;border:1px solid #575d62;border-radius:6px;padding:0 13px;font-size:15px;outline:none}
input::placeholder{color:#92979c}
input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(238,29,37,.16)}
.radio-row{display:flex;align-items:center;gap:44px;min-height:42px}
.radio-option{display:flex!important;align-items:center;gap:10px;margin:0!important;font-weight:400!important;cursor:pointer}
.radio-option input{width:22px;height:22px;accent-color:var(--red);margin:0}
.payment-highlight{display:flex;align-items:center;gap:14px;padding:13px 15px;margin-bottom:14px;border:1px solid rgba(255,224,0,.72);border-radius:7px;background:linear-gradient(90deg,rgba(255,224,0,.11),rgba(80,61,0,.14))}
.payment-symbol{width:39px;height:39px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:24px;font-weight:900;flex:0 0 auto}
.payment-highlight strong{display:block;font-size:15px;color:var(--yellow)}
.payment-highlight p{margin:2px 0 0;font-size:13px;color:var(--yellow)}
.payment-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.payment-values>div{background:#141719;border:1px solid #40454a;border-radius:7px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.payment-values span{font-size:12px;color:#ddd;font-weight:800}.payment-values strong{font-size:18px;color:var(--yellow);white-space:nowrap}
.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.bank-grid>div{background:#16191c;border:1px solid #454b50;border-radius:7px;padding:12px 14px}
.bank-grid span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:#ffb6ba;margin-bottom:4px}.bank-grid strong{display:block;font-size:14px;color:#fff;word-break:break-word}
.event-upload{background:#171a1d;border:1px solid #4b5156;border-radius:7px;padding:13px 14px}.event-upload input[type=file]{height:auto;padding:7px;background:#1a1e22}
.hint{color:#c7c9cb;font-size:12px;margin:8px 0 0}
.event-consents{background:#141618;border:1px solid #393d41;border-radius:7px;padding:13px 15px}
.check{display:flex!important;align-items:flex-start;gap:10px;margin:8px 0!important;font-weight:400!important;color:#f0f0f0}.check input{width:19px;height:19px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--red)}
.event-submit-wrap{text-align:center;padding:2px 0 18px}
.event-submit{width:min(100%,572px);height:60px;border:0;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,#ffe900,#ffd300);color:#101010;font-size:21px;font-weight:900;box-shadow:0 11px 28px rgba(255,224,0,.17)}
.event-submit span{font-size:22px;margin-right:8px}.event-submit:hover{filter:brightness(1.04)}
.event-footer{position:relative;display:grid;grid-template-columns:1fr 285px;align-items:end;gap:12px;margin:0 -28px;padding:16px 24px 17px;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);min-height:100px}
.event-footer:before{content:"";position:absolute;left:0;bottom:0;width:210px;height:145px;background:linear-gradient(135deg,#c3171d 0%,#ed1d25 55%,#6d1115 56%,#ed1d25 100%);clip-path:polygon(0 0,100% 100%,0 100%);opacity:.96}
.event-footer-info{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#f5f5f5;font-size:12px;align-self:center;padding-left:132px}
.footer-info-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:900;font-family:Georgia,serif;flex:0 0 auto}
.event-footer-callout{position:relative;z-index:1;color:var(--yellow);font-size:15px;font-style:italic;font-weight:700;text-align:right;line-height:1.35;align-self:end}
.alert{padding:14px 17px;border-radius:9px;margin:14px 0;border:1px solid}.alert.error{background:rgba(255,107,107,.09);border-color:rgba(255,107,107,.45);color:#ffd1d1}.alert ul{margin:8px 0 0;padding-left:18px}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:800px){
  .page{width:min(100% - 10px,1024px);padding-top:6px}
  .event-form{padding:18px 14px 0}
  .form-heading-small{font-size:24px}.form-heading-big{font-size:25px}.form-heading-icon{width:52px;height:52px;font-size:30px}
  .grid.two,.bank-grid,.payment-values{grid-template-columns:1fr}.full{grid-column:auto}.section-title{clip-path:none}.section-title strong{font-size:15px}
  .event-footer{grid-template-columns:1fr;margin:0 -14px;padding:14px 12px 14px;min-height:auto}.event-footer:before{width:120px;height:95px}.event-footer-info{font-size:11px;padding-left:76px}.event-footer-callout{text-align:right;font-size:13px;margin-top:8px}
}
