/* Shared visual vocabulary for existing site forms; no navigation is hidden. */
.bd-auth-wrapper { --primary-color:#355b43; --primary:#355b43; --accent:#d9f77e; color:#192c25; }
.bd-auth-wrapper .bd-registration-role { border:0; padding:16px 0; margin:0 0 16px; display:flex; flex-wrap:wrap; gap:10px; }
.bd-auth-wrapper .bd-registration-role[hidden] { display:none; }
.bd-registration-role legend { font-weight:700; padding:0 0 10px; }
.bd-registration-role label { flex:1; position:relative; min-width:110px; cursor:pointer; }
.bd-registration-role input { position:absolute; opacity:0; width:1px; height:1px; }
.bd-registration-role span { display:block; text-align:center; padding:14px 20px; border:1px solid #b4c0af; border-radius:16px; background:#f7f7f2; color:#192c25; font-weight:700; }
.bd-registration-role input:checked+span { background:#d9f77e; border-color:#355b43; }
.bd-registration-role input:focus-visible+span { outline:3px solid #355b43; outline-offset:3px; }
.bd-auth-wrapper input, .bd-auth-wrapper button { min-height:48px; }
.bd-profile-studio { --bd-primary:#355b43; --bd-accent:#d9f77e; --bd-bg:#f7f7f2; }
.bd-platform-experience { padding:24px; margin:0 0 24px; border:1px solid #dce3d8; border-radius:26px; background:#edf5d7; color:#192c25; font:inherit; line-height:1.9; }
.bd-platform-experience h2 { font-size:clamp(22px,3vw,30px); margin:0 0 8px; color:#192c25; }
.bd-platform-experience p { color:#355144; }
.bd-platform-experience [hidden] { display:none!important; }
.bd-experience-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.bd-platform-experience button,.bd-platform-experience a { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:10px 18px; border-radius:15px; font:inherit; border:1px solid #355b43; }
.bd-platform-experience button { cursor:pointer; background:#192c25; color:white; }
.bd-platform-experience a { color:#192c25; text-decoration:none; }
.bd-platform-experience button:disabled { opacity:.6; cursor:wait; }
.bd-platform-experience :focus-visible { outline:3px solid #355b43; outline-offset:4px; }
.bd-platform-experience [data-trial-offer] { background:#fff; padding:16px; margin-block:12px; border-radius:18px; }
.bd-platform-experience [data-trial-dismiss] { margin-inline-start:12px; background:transparent; color:#192c25; }
@media(max-width:400px) { .bd-platform-experience { padding:18px; } .bd-experience-actions>* { width:100%; } }