.period-current-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#113f72,#168a91 70%,#24a37f);color:#fff}
.period-current-card h2{margin:4px 0 5px;font-size:1.6em}.period-current-card p{margin:0;opacity:.86}.period-current-card .section-kicker{color:#ffe27a}
.period-current-status{min-width:260px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px}.period-current-status small{opacity:.86;line-height:1.4}
.period-next-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.period-next-grid h3{font-size:1.35em;margin:4px 0 5px}
.period-next-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;border-radius:15px;background:#f7fafc;border:1px solid #dbe6ec}.period-next-form .full{grid-column:1/-1}
.period-rules h3{margin-top:0}.period-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.period-rule-grid>div{padding:13px;border:1px solid #dce7ec;border-radius:14px;background:#fbfdfe}.period-rule-grid b{display:block;color:#126b73;margin-bottom:6px}.period-rule-grid span{font-size:.82em;line-height:1.45;color:#60707d}
@media(max-width:1000px){.period-next-grid{grid-template-columns:1fr}.period-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.period-current-card{align-items:flex-start;flex-direction:column}.period-current-status{min-width:0;width:100%}.period-next-form{grid-template-columns:1fr}.period-next-form .full{grid-column:auto}.period-rule-grid{grid-template-columns:1fr}}