.date-event{max-width:1180px;margin:0 auto;padding:34px 20px 70px;color:#271c22;font-family:inherit}
.date-event__hero{text-align:center;padding:36px 24px 28px;background:linear-gradient(135deg,#fffaf2,#f8ead7);border:1px solid #ead2b3;border-radius:26px;box-shadow:0 18px 50px rgba(100,42,28,.09);position:relative;overflow:hidden}
.date-event__hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(177,30,45,.09);border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 28px rgba(177,30,45,.03),0 0 0 58px rgba(177,30,45,.025)}
.date-event__hero>span,.date-event__heading>span{font-size:12px;font-weight:800;letter-spacing:2px;color:#a66a16}
.date-event__hero i{display:grid;place-items:center;width:54px;height:54px;margin:12px auto 4px;border-radius:50%;background:#a91625;color:#ffe3a5;font-size:27px;font-style:normal;box-shadow:0 10px 28px rgba(169,22,37,.24)}
.date-event__hero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;color:#861421;margin:10px 0}
.date-event__hero p{max-width:720px;margin:auto;color:#6b5b59;line-height:1.7}
.date-event__form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px;margin:-2px auto 22px;background:#fff;border:1px solid #ecd8c0;border-radius:0 0 22px 22px;box-shadow:0 16px 42px rgba(91,41,25,.08)}
.date-event__form label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#7f1721;text-transform:uppercase}
.date-event__form select{width:100%;height:48px;border:1px solid #dfcdbd;border-radius:12px;background:#fffaf5;padding:0 13px;font:inherit;color:#39282a}
.date-event__form button{border:0;border-radius:12px;background:linear-gradient(100deg,#ae1727,#e57212);color:white;font-weight:800;font:inherit;min-height:48px;align-self:end;box-shadow:0 9px 22px rgba(174,23,39,.2)}
.date-event__guide{padding:18px 22px;border-left:4px solid #d79d38;background:#fff9ef;border-radius:14px;margin-bottom:36px;line-height:1.65}
.date-event__guide strong{color:#861421}.date-event__guide p{margin:4px 0}.date-event__guide small{color:#7b6a64}
.date-event__heading{text-align:center;margin:0 0 22px}.date-event__heading h2{font-size:clamp(26px,4vw,38px);color:#861421;margin:7px 0}.date-event__heading p{color:#7b6a64}
.date-event__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.date-event__card{display:grid;grid-template-columns:112px 1fr;background:#fff;border:1px solid #ebd9c5;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(65,32,24,.06)}
.date-event__date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff4e7;border-right:1px solid #ead5bb;padding:18px 10px}
.date-event__date span{font-size:12px;color:#7e6b65}.date-event__date strong{font-size:44px;line-height:1;color:#aa1726;margin:8px 0}.date-event__date small{font-weight:700}.date-event__content{padding:18px}
.date-event__score{display:flex;align-items:center}.date-event__score span{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border:1px solid #e8c992;border-radius:999px;background:#fff5df;font-weight:800;color:#9b5d16;box-shadow:0 5px 14px rgba(155,93,22,.08)}.date-event__content h3{font-size:17px;color:#861421;margin:12px 0 6px}.date-event__content p,.date-event__content li{font-size:13px;line-height:1.55}.date-event__content ul{margin:8px 0;padding-left:18px}
@media(max-width:850px){.date-event__form{grid-template-columns:repeat(2,minmax(0,1fr))}.date-event__grid{grid-template-columns:1fr}}
@media(max-width:520px){.date-event{padding:18px 10px 50px}.date-event__hero{padding:26px 15px}.date-event__form{grid-template-columns:1fr;padding:14px}.date-event__form button{min-height:50px}.date-event__card{grid-template-columns:82px 1fr}.date-event__date strong{font-size:36px}.date-event__content{padding:14px}}
