/* BudemPrávnik – registration-only responsive presentation (2026-10-23).
   Scoped to .bp-register-page: other account, court and academy pages remain unchanged. */
.bp-register-page {
 --bp-reg-navy:#102c45;--bp-reg-gold:#b18b50;--bp-reg-cream:#fbf8f1;
 background:linear-gradient(115deg,#fffdf8 0%,#fbf8f1 55%,#f0e6d6 100%)!important;
 position:relative;isolation:isolate;overflow:hidden;
}
.bp-register-page::before{content:"";position:absolute;inset:0 0 auto auto;width:42%;height:100%;pointer-events:none;opacity:.26;background:linear-gradient(270deg,rgba(245,235,213,.2),transparent 80%),url("./assets/justice-mobile.webp") right top/auto 620px no-repeat;mask-image:linear-gradient(90deg,transparent 0%,black 60%);z-index:-1}
.bp-register-page .account-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,580px)!important;align-items:start;gap:clamp(38px,5vw,78px)!important;width:min(1280px,calc(100% - 72px))!important;padding:64px 0 90px!important}
.bp-register-page .account-story{position:sticky;top:130px;min-width:0;min-height:735px;padding:50px 4px 0 0;isolation:isolate}
.bp-register-page .account-story::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:280px -25px -25px -72px;background:url("./assets/justice-mobile.webp") center bottom / auto 610px no-repeat;opacity:.83;mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 85%,transparent 100%)}
.bp-register-page .account-story .eyebrow{color:#987443!important;font-size:11px!important;letter-spacing:.27em!important;margin-bottom:27px}
.bp-register-page .account-story h1{font:400 clamp(54px,5.15vw,82px)/1.04 Georgia,"Times New Roman",serif!important;color:var(--bp-reg-navy)!important;letter-spacing:-.065em!important;max-width:650px}
.bp-register-page .bp-register-period{color:var(--bp-reg-gold)}
.bp-register-page .account-story>p{color:#546a7b!important;font-size:17px!important;max-width:495px;margin-top:24px!important;line-height:1.76!important}
.bp-register-page .bp-register-benefits{margin-top:31px;display:flex;flex-wrap:wrap;gap:11px 18px;color:#3b576c;font-size:12px;line-height:1.5}
.bp-register-page .bp-register-benefits span{display:inline-flex;gap:8px;align-items:center;max-width:190px}
.bp-register-page .bp-register-benefits span::before{content:"✓";font-weight:800;color:#ad864c}
.bp-register-page .account-card{position:relative;isolation:isolate;background:rgba(255,254,251,.96)!important;border:1px solid #e7dfd1!important;border-radius:24px!important;box-shadow:0 26px 72px rgba(18,40,52,.11)!important;padding:clamp(26px,3.5vw,47px)!important;max-width:none!important}
.bp-register-page .account-top{color:#9c7740!important;font-size:10px!important;letter-spacing:.19em!important}
.bp-register-page .account-top a{color:#61727d!important;font-size:12px!important}
.bp-register-page .account-card h2{color:var(--bp-reg-navy)!important;font:400 clamp(35px,3.1vw,46px)/1.13 Georgia,serif!important;letter-spacing:-.05em!important;margin:25px 0 10px!important}
.bp-register-page .bp-mobile-title{display:none}
.bp-register-page .account-card>p:not(.account-disclaimer):not(.account-feedback){font-size:13px!important;color:#67788a!important;line-height:1.68!important}
.bp-register-page .bp-register-form{display:block!important;margin-top:26px}
.bp-register-page .bp-register-form>label:not(.bp-legal-accept),.bp-register-page .bp-registration-fields>label{display:block!important;margin:21px 0 9px!important;color:var(--bp-reg-navy)!important;font-size:13px!important;line-height:1.3;font-weight:750!important;letter-spacing:0}
.bp-register-page .bp-register-form>label:first-child{margin-top:0!important}
.bp-register-page .bp-input-frame{position:relative;display:flex;align-items:center;min-width:0}
.bp-register-page .bp-field-glyph{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:27px;height:27px;color:#8b795f;pointer-events:none;z-index:2}
.bp-register-page .bp-input-frame :is(input,select){width:100%!important;min-width:0;max-width:100%;height:58px!important;min-height:58px!important;border-radius:12px!important;border:1px solid #d9d2c5!important;box-shadow:0 3px 12px rgba(20,42,58,.025);background:rgba(255,255,255,.91)!important;color:#183649!important;padding:12px 45px 12px 56px!important;font:500 16px/1.3 Inter,system-ui,sans-serif!important;transition:border-color .16s,box-shadow .16s}
.bp-register-page .bp-input-frame :is(input,select)::placeholder{color:#89939f;opacity:1}
.bp-register-page .bp-input-frame:focus-within .bp-field-glyph{color:#aa854e}
.bp-register-page .bp-input-frame :is(input,select):focus{outline:2px solid rgba(177,139,80,.27)!important;outline-offset:1px!important;border-color:#b18b50!important;box-shadow:0 0 0 4px rgba(177,139,80,.08)!important}
.bp-register-page .bp-password-field .bp-password-toggle{z-index:2;right:9px;min-width:90px!important;display:flex;align-items:center;justify-content:center;color:#27485f;font-size:12px!important}
.bp-register-page .bp-password-field input{padding-right:110px!important}
.bp-register-page .bp-registration-identity{margin:28px 0 20px!important;padding:25px 23px 22px!important;background:linear-gradient(150deg,#fffcf7 0%,#f9f6ef 100%)!important;border:1px solid #e7d7b9!important;border-radius:22px!important;box-shadow:0 6px 20px rgba(93,72,42,.025)!important}
.bp-register-page .bp-registration-heading{display:flex;gap:14px;align-items:flex-start;padding-bottom:20px;margin-bottom:14px;border-bottom:1px solid #e9decb}
.bp-register-page .bp-registration-cap{flex:0 0 49px;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#f3e9d6;color:#a47d3d}
.bp-register-page .bp-registration-cap svg{width:28px;height:28px}
.bp-register-page .bp-registration-heading h3{font:400 clamp(25px,2.6vw,34px)/1.16 Georgia,serif!important;color:var(--bp-reg-navy)!important;letter-spacing:-.038em;margin:0 0 7px!important}
.bp-register-page .bp-registration-heading p{font-size:12.5px!important;line-height:1.6!important;color:#68798a!important;margin:0!important}
.bp-register-page .bp-registration-fields>label{margin-top:19px!important}
.bp-register-page .bp-registration-fields>label:first-child{margin-top:0!important}
.bp-register-page .bp-registration-hint{font:400 11.5px/1.65 Inter,system-ui,sans-serif!important;color:#74828b!important;margin-top:8px}
.bp-register-page .bp-registration-fields .bp-select-frame select{-webkit-appearance:none;appearance:none;padding-right:48px!important;cursor:pointer}
.bp-register-page .bp-select-chevron{position:absolute;right:17px;top:50%;transform:translateY(-50%);display:flex;color:#234058;pointer-events:none;z-index:2}
.bp-register-page .bp-select-chevron svg{width:20px;height:20px}
.bp-register-page .bp-registration-identity .bp-registration-note{margin-top:20px!important;border-top:1px solid #e8ddcb;padding-top:14px!important;font-size:11px!important;line-height:1.65;color:#677b87!important}
.bp-register-page .account-form .bp-legal-accept{margin:19px 0 18px!important;font-size:11px!important;color:#526576!important}
.bp-register-page .account-form .bp-legal-accept a{color:#8f6b37!important}
.bp-register-page .account-form .btn.gold{display:flex;justify-content:center;gap:12px;width:100%;min-height:56px!important;margin:0!important;color:#fff!important;background:linear-gradient(110deg,#bd9a5e,#a88246)!important;border:1px solid #ad884e!important;border-radius:11px!important;font-size:14px!important;font-weight:760!important;box-shadow:0 10px 22px rgba(137,101,49,.14)!important}
.bp-register-page .account-form .btn.gold:hover{filter:brightness(1.04);transform:translateY(-1px)}
.bp-register-page .bp-register-assurance{text-align:center;color:#72818d!important;font-size:11px!important;margin:12px 0 0!important}
.bp-register-page .account-switch{justify-content:center!important;margin-top:19px!important;font-size:12px!important;padding-top:18px!important}
.bp-register-page .account-switch a{color:#8b6c3e!important}
.bp-register-page .account-disclaimer{font-size:10px!important;color:#788690!important}
.bp-register-page .account-feedback:empty{display:none}
@media(max-width:1020px) and (min-width:761px){
 .bp-register-page .account-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:30px!important;width:calc(100% - 52px)!important}
 .bp-register-page .account-story h1{font-size:54px!important}
 .bp-register-page .account-story>p{font-size:15px!important}
 .bp-register-page .account-story::after{background-size:auto 510px;inset:270px -18px -25px -30px}
 .bp-register-page .account-card{padding:28px!important}
 .bp-register-page .bp-registration-identity{padding:23px 18px!important}
}
@media(max-width:760px){
 .bp-register-page::before{width:100%;height:310px;background-size:auto 280px;opacity:.13;mask-image:linear-gradient(90deg,transparent 35%,black 100%)}
 .bp-register-page .account-layout{display:block!important;width:min(610px,calc(100% - 38px))!important;margin:0 auto!important;padding:28px 0 64px!important}
 .bp-register-page .account-story{display:none!important}
 .bp-register-page .account-card{max-width:none!important;width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0 24px!important;margin:0!important}
 .bp-register-page .account-card h2{margin-top:33px!important;font-size:clamp(42px,9vw,60px)!important;line-height:1.08!important;letter-spacing:-.059em!important}
 .bp-register-page .bp-desktop-title{display:none}
 .bp-register-page .bp-mobile-title{display:inline}
 .bp-register-page .bp-register-form{margin-top:32px}
 .bp-register-page .bp-registration-identity{margin:27px 0 18px!important;padding:22px 18px!important}
 .bp-register-page .bp-registration-heading h3{font-size:clamp(25px,6.3vw,32px)!important}
 .bp-register-page .account-card>p:not(.account-disclaimer):not(.account-feedback){font-size:14px!important;max-width:390px;line-height:1.72!important}
 .bp-register-page .bp-input-frame :is(input,select){height:59px!important;min-height:59px!important}
 .bp-register-page .bp-register-form>label:not(.bp-legal-accept){font-size:13px!important}
}
@media(max-width:390px){
 .bp-register-page .account-layout{width:calc(100% - 30px)!important}
 .bp-register-page .bp-registration-identity{padding:20px 14px!important}
 .bp-register-page .bp-registration-heading{gap:10px}
 .bp-register-page .bp-registration-cap{flex-basis:42px;width:42px;height:42px}
 .bp-register-page .bp-field-glyph{left:12px}
 .bp-register-page .bp-input-frame :is(input,select){padding-left:48px!important;font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.bp-register-page *{transition:none!important}}
