.workshop-registration-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 10%, rgba(173,196,221,.72), transparent 38%),
    radial-gradient(circle at 92% 12%, rgba(201,239,199,.72), transparent 40%),
    radial-gradient(circle at 75% 90%, rgba(214,200,185,.72), transparent 38%),
    #eef0ea;
}
.workshop-registration-page::before{display:none}
.workshop-shell{width:min(1180px, calc(100% - 40px)); margin:0 auto; padding:34px 0 26px}
.workshop-brand{display:inline-flex; align-items:center; margin-bottom:28px}
.workshop-brand img{width:auto; height:42px}
.workshop-layout{display:grid; grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr); gap:28px; align-items:start}
.workshop-overview,
.workshop-form-card{
  border:1px solid rgba(12,15,14,.10);
  background:rgba(255,255,255,.88);
  box-shadow:0 22px 64px rgba(10,20,15,.12);
  border-radius:28px;
  backdrop-filter:blur(12px);
}
.workshop-overview{overflow:hidden}
.workshop-cover-wrap{background:#eceae4; padding:24px; display:flex; justify-content:center; border-bottom:1px solid rgba(12,15,14,.08)}
.workshop-cover{width:min(100%, 340px); max-height:475px; object-fit:contain; border-radius:12px; box-shadow:0 18px 38px rgba(10,20,15,.16)}
.workshop-overview-copy{padding:28px}
.workshop-overview h1{font-size:36px; line-height:1.03; letter-spacing:-.7px; margin:18px 0 12px}
.workshop-intro{font-size:15px; line-height:1.7; color:rgba(12,15,14,.68)}
.workshop-price-row{margin:22px 0 18px; padding:16px 18px; border-radius:18px; background:rgba(201,239,199,.48); display:flex; justify-content:space-between; align-items:center; gap:18px}
.workshop-price-row span{font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; color:rgba(12,15,14,.55)}
.workshop-price-row strong{font-size:18px; color:rgba(12,15,14,.92)}
.workshop-points{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.workshop-points li{position:relative; padding-left:28px; color:rgba(12,15,14,.70); font-size:13px; font-weight:650}
.workshop-points li::before{content:"✓"; position:absolute; left:0; top:-1px; width:20px; height:20px; display:grid; place-items:center; border-radius:999px; background:var(--green); color:#17331c; font-size:11px; font-weight:950}
.workshop-form-card{padding:32px; position:sticky; top:24px}
.workshop-form-head{display:flex; justify-content:space-between; align-items:flex-start; gap:20px}
.workshop-kicker{display:block; font-size:11px; font-weight:900; letter-spacing:.14em; color:rgba(12,15,14,.48); text-transform:uppercase; margin-bottom:7px}
.workshop-form-head h2{font-size:34px; margin:0}
.workshop-step-count{font-size:12px; font-weight:850; color:rgba(12,15,14,.55); background:rgba(201,239,199,.45); border-radius:999px; padding:8px 12px; white-space:nowrap}
.workshop-progress{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:20px 0 26px}
.workshop-progress span{height:5px; border-radius:999px; background:rgba(12,15,14,.09); transition:background .22s ease}
.workshop-progress span.active{background:var(--green-strong)}
.workshop-step{display:none}
.workshop-step.active{display:block; animation:workshopStepIn .24s ease}
@keyframes workshopStepIn{from{opacity:0; transform:translateY(6px)}to{opacity:1; transform:none}}
.workshop-step-copy{font-size:14px; margin-bottom:20px}
.workshop-field-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.workshop-field-full{grid-column:1 / -1}
.workshop-registration-page .field label span{opacity:.65}
.workshop-registration-page .field input{min-height:52px}
.workshop-actions{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px}
.workshop-actions-end{justify-content:flex-end}
.workshop-actions .btn{min-height:46px; justify-content:center; padding-left:22px; padding-right:22px}
.workshop-pay{margin-left:auto}
.workshop-review{border:1px solid rgba(12,15,14,.09); border-radius:20px; overflow:hidden; background:#fff}
.workshop-review > div{display:grid; grid-template-columns:130px 1fr; gap:18px; padding:13px 16px; border-bottom:1px solid rgba(12,15,14,.07); align-items:start}
.workshop-review > div:last-child{border-bottom:0}
.workshop-review span{font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; color:rgba(12,15,14,.48)}
.workshop-review strong{font-size:13px; color:rgba(12,15,14,.86); overflow-wrap:anywhere}
.workshop-review .workshop-review-price{background:rgba(201,239,199,.35)}
.workshop-review .workshop-review-price strong{font-size:17px}
.workshop-consent{display:grid; grid-template-columns:22px 1fr; gap:12px; align-items:start; margin-top:18px; padding:15px; border:1px solid rgba(12,15,14,.10); border-radius:18px; background:rgba(255,255,255,.72); cursor:pointer}
.workshop-consent input{position:absolute; opacity:0; pointer-events:none}
.workshop-consent-box{width:22px; height:22px; border-radius:7px; border:1px solid rgba(12,15,14,.22); background:#fff; position:relative}
.workshop-consent input:checked + .workshop-consent-box{background:var(--green); border-color:rgba(26,59,34,.22)}
.workshop-consent input:checked + .workshop-consent-box::after{content:"✓"; position:absolute; inset:0; display:grid; place-items:center; font-size:13px; font-weight:950; color:#17331c}
.workshop-consent input:focus-visible + .workshop-consent-box{box-shadow:0 0 0 5px rgba(201,239,199,.62)}
.workshop-consent > span:last-child{font-size:12px; line-height:1.55; color:rgba(12,15,14,.66); font-weight:650}
.workshop-consent a{text-decoration:underline; font-weight:850}
.workshop-status{display:none; margin-top:16px; padding:12px 14px; border-radius:14px; font-size:13px; font-weight:700}
.workshop-status.show{display:block}
.workshop-status.error{background:#fff0f0; border:1px solid rgba(167,45,45,.18); color:#8c2929}
.workshop-status.info{background:rgba(201,239,199,.40); border:1px solid rgba(26,59,34,.12); color:#24442b}
.workshop-secure-note{margin:13px 0 0; font-size:11px; line-height:1.5; color:rgba(12,15,14,.50)}
.workshop-honeypot{position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important}
.workshop-footer-note{display:flex; justify-content:space-between; gap:18px; padding:20px 4px 0; font-size:12px; font-weight:700; color:rgba(12,15,14,.55)}
.workshop-footer-note a{color:rgba(12,15,14,.76); text-decoration:underline}
@media (max-width:920px){
  .workshop-layout{grid-template-columns:1fr}
  .workshop-form-card{position:relative; top:auto}
  .workshop-overview{display:grid; grid-template-columns:minmax(220px,.72fr) 1fr}
  .workshop-cover-wrap{border-bottom:0; border-right:1px solid rgba(12,15,14,.08); align-items:center}
  .workshop-cover{max-height:410px}
}
@media (max-width:660px){
  .workshop-shell{width:min(100% - 24px, 1180px); padding-top:18px}
  .workshop-brand{margin:0 6px 18px}
  .workshop-brand img{height:34px}
  .workshop-overview{display:block}
  .workshop-cover-wrap{border-right:0; border-bottom:1px solid rgba(12,15,14,.08); padding:18px}
  .workshop-cover{width:min(82%, 320px); max-height:390px}
  .workshop-overview-copy{padding:22px}
  .workshop-overview h1{font-size:30px}
  .workshop-form-card{padding:22px; border-radius:22px}
  .workshop-form-head h2{font-size:29px}
  .workshop-field-grid{grid-template-columns:1fr}
  .workshop-field-full{grid-column:auto}
  .workshop-review > div{grid-template-columns:1fr; gap:4px}
  .workshop-actions{align-items:stretch}
  .workshop-actions .btn{flex:1}
  .workshop-pay{margin-left:0}
  .workshop-footer-note{flex-direction:column; gap:6px; padding-left:6px; padding-bottom:10px}
}