.registration-flow{margin-top:28px;padding:24px;border:1px solid #365875;border-radius:14px;background:#08192d;color:#eef6ff}
.flow-eyebrow{margin:0 0 10px;color:#73def2;font:12px var(--mono);letter-spacing:.12em}
.registration-flow h2{margin:0;font:600 28px/1.2 var(--body);letter-spacing:-.5px}
.flow-intro{margin:12px 0 22px;color:#b2c8da;font-size:16px;line-height:1.7}
.flow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.flow-steps li{padding:18px;border:1px solid #365875;border-radius:10px;background:#10263c;position:relative}
.flow-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#1e465e;color:#7ce8fa;margin-bottom:18px}
.flow-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-number{position:absolute;right:16px;top:18px;font:14px var(--mono);color:#98b4ca}
.flow-steps h3{font-size:18px;line-height:1.35;margin:0 0 9px;color:inherit}
.flow-steps p{font-size:15px;line-height:1.7;margin:0;color:#b9ccdd}
.flow-pass-note{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;border-radius:9px;background:#124258;color:#c9f5ff;font-size:16px;line-height:1.6}
.flow-pass-note>span{font-size:24px;line-height:1.2}
.flow-pass-note p{margin:0}.flow-pass-note strong{display:block;color:inherit}
.flow-help{font-size:14px;line-height:1.7;color:#b2c8da;margin:16px 0 0}
html[data-colour-theme=grey] .registration-flow{background:#e9edef;color:#173650;border-color:#b9cbd8}
html[data-colour-theme=grey] .flow-eyebrow{color:#00668b}
html[data-colour-theme=grey] :is(.flow-intro,.flow-steps p,.flow-help,.flow-number){color:#4d6579}
html[data-colour-theme=grey] .flow-steps li{background:#e0e7ed;border-color:#b9cbd8}
html[data-colour-theme=grey] .flow-icon{background:#c9e0ea;color:#006383}
html[data-colour-theme=grey] .flow-pass-note{background:#cce3ec;color:#154963}
@media(max-width:420px){.registration-flow{padding:18px}.flow-steps{grid-template-columns:1fr}.flow-steps li{padding-left:78px;min-height:130px}.flow-icon{position:absolute;left:16px;top:18px}.flow-number{position:static;display:block;margin-bottom:8px}.registration-flow h2{font-size:25px}}