
.register-flow-shell{
    min-height:calc(100vh - 86px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px 14px 24px;
}
.register-flow-card{
    width:min(100%, 560px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:22px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(7,11,18,.42);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    box-shadow:0 18px 55px rgba(0,0,0,.28);
    padding:22px 24px;
    color:#f8fafc;
    overflow:hidden;
}
.register-flow-card.is-wide{width:min(100%, 720px)}
.register-step-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 11px;
    border-radius:999px;
    background:rgba(245,184,75,.13);
    border:1px solid rgba(245,184,75,.44);
    color:#ffd98a;
    font-weight:900;
    font-size:.70rem;
    letter-spacing:.11em;
    text-transform:uppercase;
    margin-bottom:10px;
}
.register-flow-card h1{
    margin:0 0 16px;
    font-size:clamp(1.65rem,3vw,2.15rem);
    line-height:1.04;
    letter-spacing:-.035em;
    color:#fff;
    text-shadow:0 3px 18px rgba(0,0,0,.58);
}
.register-flow-card .subtitle{
    margin:0 0 16px;
    color:rgba(230,235,245,.80);
    line-height:1.45;
    font-size:.94rem;
}
.register-flow-card .form-grid{gap:11px}
.register-flow-card label:not(.checkbox-label){
    margin-bottom:4px;
    color:rgba(230,235,245,.86);
    font-size:.86rem;
    font-weight:800;
}
.register-flow-card input,
.register-flow-card select{
    min-height:40px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(2,6,23,.62);
    color:#f8fafc;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.register-flow-card .help{
    margin-top:5px;
    color:#aeb8c9;
    font-size:.82rem;
    line-height:1.32;
}
.register-flow-card button,
.register-flow-card .btn{
    width:100%;
    min-height:42px;
    justify-content:center;
    text-align:center;
    border-radius:999px;
    border:1px solid rgba(245,184,75,.54);
    background:linear-gradient(180deg,#ffd98a,#f5b84b);
    color:#101827;
    font-weight:950;
    box-shadow:0 12px 30px rgba(245,184,75,.16), 0 16px 40px rgba(0,0,0,.18);
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.register-flow-card button:hover,
.register-flow-card .btn:hover{
    transform:translateY(-1px);
    border-color:rgba(255,217,138,.72);
    box-shadow:0 14px 36px rgba(245,184,75,.22), 0 18px 46px rgba(0,0,0,.24);
}
.register-flow-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.register-muted-box{
    border:1px solid rgba(255,255,255,.14);
    background:rgba(7,11,18,.34);
    border-radius:16px;
    padding:13px 14px;
    color:#cbd5e1;
    line-height:1.5;
    margin:12px 0 14px;
}
.register-mail-icon,
.register-success-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:rgba(245,184,75,.13);
    border:1px solid rgba(245,184,75,.44);
    color:#ffd98a;
    font-size:1.7rem;
    margin-bottom:12px;
}
.company-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:9px;margin-top:8px}.company-logo-option{display:block;cursor:pointer}.company-logo-option input{position:absolute;opacity:0;pointer-events:none}.company-logo-preview{display:flex;align-items:center;justify-content:center;min-height:66px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(7,11,18,.34);transition:border-color .18s ease,transform .18s ease,background .18s ease}.company-logo-preview img{max-width:100%;max-height:50px;object-fit:contain}.company-logo-option:hover .company-logo-preview{transform:translateY(-1px);border-color:rgba(245,184,75,.50)}.company-logo-option input:checked+.company-logo-preview{border-color:#f5b84b;background:rgba(245,184,75,.16);box-shadow:0 0 0 3px rgba(245,184,75,.14)}
.register-checkboxes{
    display:grid;
    gap:10px;
    margin:4px 0 2px;
}
.checkbox-label{
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin:0;
    color:#d8e1ee;
    line-height:1.35;
    font-weight:800;
}
.checkbox-label input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 18px;
    accent-color:#f5b84b;
}
.checkbox-label span{display:block;padding-top:0}
.checkbox-label a{color:#ffd98a;font-weight:950;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}
.register-redirect-note{margin-top:12px;color:#b9c5d6;font-size:.90rem;text-align:center}.register-redirect-note a{color:#e8eef8;text-decoration:none}.register-redirect-note a:hover{color:#ffd98a;text-decoration:underline}
@media (max-width:760px){.register-flow-shell{min-height:calc(100vh - 76px);padding:14px 10px;align-items:center}.register-flow-card{width:min(100%,540px);padding:18px;border-radius:20px}.register-flow-card .form-grid{grid-template-columns:1fr;gap:10px}.register-step-badge{margin-bottom:8px}.register-flow-card h1{margin-bottom:12px}.company-logo-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.company-logo-preview{min-height:58px}.company-logo-preview img{max-height:42px}}
@media (max-height:760px) and (min-width:761px){.register-flow-shell{padding-top:14px;padding-bottom:14px}.register-flow-card{padding:18px 22px;width:min(100%,540px)}.register-step-badge{margin-bottom:8px}.register-flow-card h1{font-size:1.8rem;margin-bottom:12px}.register-flow-card .subtitle{margin-bottom:12px}.register-flow-card input,.register-flow-card select{min-height:38px}.register-flow-card .help{font-size:.78rem}.register-checkboxes{gap:8px}.register-flow-card button,.register-flow-card .btn{min-height:40px}}
.registration-honeypot{display:none}
