:root{
  --dbp-navy:#0d2e59;
  --dbp-navy-dark:#081f3d;
  --dbp-cyan:#27a7d5;
  --dbp-cyan-soft:#e8f7fc;
  --dbp-bg:#f4f7fb;
  --dbp-text:#14213a;
  --dbp-muted:#607086;
  --dbp-border:#dbe4ee;
  --dbp-shadow:0 18px 55px rgba(13,46,89,.11);
  --dbp-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--dbp-bg)}
body.dbin-portal{min-height:100svh;color:var(--dbp-text);font-family:var(--dbp-font);line-height:1.45;display:grid;grid-template-rows:auto 1fr auto;overflow-x:hidden}
a{color:inherit}
.dbp-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:7px clamp(16px,4.5vw,64px);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(13,46,89,.08);z-index:30}
.dbp-brand{display:flex;align-items:center;text-decoration:none;min-width:0}
.dbp-brand img{display:block;width:78px;height:48px;object-fit:contain}
.dbp-nav{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700;min-width:0}
.dbp-nav-link,.dbp-logout{text-decoration:none;color:#42526a;white-space:nowrap}
.dbp-nav-link:hover{color:var(--dbp-navy)}
.dbp-user{color:var(--dbp-muted);font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbp-logout{color:#a33b45}
.dbp-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:10px;background:var(--dbp-navy);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 8px 22px rgba(13,46,89,.18);transition:transform .18s ease,background .18s ease}
.dbp-button:hover{background:var(--dbp-navy-dark);transform:translateY(-1px)}
.dbp-button-small{min-height:38px;padding:0 15px;border-radius:9px;font-size:12px}
.dbp-button-ghost{background:#fff;color:var(--dbp-navy)!important;border:1px solid var(--dbp-border);box-shadow:none}
.dbp-button-ghost:hover,.dbp-button-ghost:focus{background:#eaf7fc!important;color:var(--dbp-navy)!important;border-color:var(--dbp-cyan);box-shadow:0 6px 18px rgba(13,46,89,.08);transform:translateY(-1px)}
.dbp-main{min-height:0;padding:clamp(16px,2.8vw,34px) clamp(16px,4.5vw,64px);display:flex}
.dbp-compact{width:min(1420px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);grid-template-areas:"intro visual" "benefits benefits" "flow flow";gap:clamp(14px,2vw,24px);align-content:center}
.dbp-intro{grid-area:intro;min-width:0;padding:clamp(16px,2.4vw,30px) 0}
.dbp-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--dbp-cyan);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.dbp-kicker:before{content:"";width:24px;height:2px;background:var(--dbp-cyan)}
.dbp-intro h1{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 16px;max-width:760px;color:var(--dbp-navy-dark)}
.dbp-intro p{font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--dbp-muted);max-width:700px;margin:0}
.dbp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dbp-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:#40536a;font-size:12px;font-weight:700}
.dbp-trust span{display:flex;align-items:center;gap:7px}
.dbp-trust span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dff5eb;color:#137249;font-size:10px}
.dbp-visual{grid-area:visual;display:flex;align-items:center;justify-content:center;min-width:0}
.dbp-logo-card{width:min(100%,360px);background:#fff;border:1px solid rgba(13,46,89,.08);border-radius:22px;padding:18px;box-shadow:var(--dbp-shadow);position:relative}
.dbp-logo-card>img{display:block;width:100%;height:min(30vh,250px);object-fit:contain}
.dbp-status{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--dbp-border);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;box-shadow:0 6px 18px rgba(13,46,89,.10)}
.dbp-status span{width:8px;height:8px;border-radius:50%;background:#18a45b;box-shadow:0 0 0 4px rgba(24,164,91,.12)}
.dbp-benefits{grid-area:benefits;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dbp-benefits article{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1px solid var(--dbp-border);border-radius:14px;box-shadow:0 6px 20px rgba(13,46,89,.045);min-width:0}
.dbp-benefits strong{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--dbp-cyan-soft);color:var(--dbp-cyan);font-size:11px}
.dbp-benefits h2{font-size:15px;margin:0 0 2px;color:var(--dbp-navy)}
.dbp-benefits p{font-size:12px;line-height:1.35;margin:0;color:var(--dbp-muted)}
.dbp-flow{grid-area:flow;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;background:var(--dbp-navy-dark);border-radius:14px;color:#fff;font-size:12px;font-weight:750;overflow:hidden}
.dbp-flow span{white-space:nowrap}
.dbp-flow i{font-style:normal;color:var(--dbp-cyan);font-size:15px}
.dbp-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px clamp(16px,4.5vw,64px);border-top:1px solid var(--dbp-border);background:#fff;color:#69778a;font-size:10.5px;line-height:1.4}
.dbp-footer a{color:var(--dbp-navy);font-weight:750;text-decoration:none}
.dbp-credits{text-align:right}
@media(max-height:760px) and (min-width:760px){
  .dbp-header{min-height:58px}.dbp-brand img{width:70px;height:42px}.dbp-main{padding-top:12px;padding-bottom:12px}.dbp-intro{padding:10px 0}.dbp-intro h1{font-size:clamp(30px,3.6vw,48px);margin:10px 0 12px}.dbp-logo-card>img{height:min(24vh,190px)}.dbp-actions{margin-top:16px}.dbp-trust{margin-top:14px}.dbp-benefits article{padding:10px 13px}.dbp-flow{min-height:40px}.dbp-footer{padding-top:7px;padding-bottom:7px}
}
@media(max-width:860px){
  .dbp-user{display:none}.dbp-compact{grid-template-columns:1fr;grid-template-areas:"intro" "benefits" "flow"}.dbp-visual{display:none}.dbp-intro{text-align:center;padding:8px 0}.dbp-kicker{justify-content:center}.dbp-intro h1{margin-left:auto;margin-right:auto}.dbp-intro p{margin:auto}.dbp-actions,.dbp-trust{justify-content:center}
}
@media(max-width:640px){
  .dbp-header{min-height:56px;padding:5px 10px}.dbp-brand img{width:62px;height:42px}.dbp-nav{gap:7px}.dbp-nav-link{display:none}.dbp-button-small{min-height:34px;padding:0 11px;font-size:10.5px}.dbp-logout{font-size:10.5px}
  .dbp-main{padding:10px 12px}.dbp-compact{gap:9px;align-content:start}.dbp-kicker{font-size:9px}.dbp-intro h1{font-size:clamp(27px,8.2vw,34px);line-height:1.04;margin:9px 0 10px}.dbp-intro p{font-size:13px;line-height:1.42;max-width:480px}.dbp-actions{margin-top:13px}.dbp-actions .dbp-button{min-height:37px;padding:0 15px;font-size:11px}.dbp-trust{margin-top:12px;gap:6px 10px;font-size:9.5px}.dbp-trust span:before{width:15px;height:15px;font-size:8px}
  .dbp-benefits{grid-template-columns:1fr;gap:6px}.dbp-benefits article{padding:8px 10px;border-radius:10px}.dbp-benefits strong{width:28px;height:28px;flex-basis:28px;border-radius:8px;font-size:9px}.dbp-benefits h2{font-size:12px}.dbp-benefits p{font-size:10px}.dbp-flow{gap:5px;min-height:36px;padding:7px 8px;border-radius:10px;font-size:8.7px}.dbp-flow i{font-size:10px}
  .dbp-footer{padding:7px 10px;display:grid;gap:2px;text-align:center;justify-content:center;font-size:8px}.dbp-credits{text-align:center}
}
@media(max-width:390px){
  .dbp-intro h1{font-size:26px}.dbp-intro p{font-size:12px}.dbp-benefits p{display:none}.dbp-flow{font-size:7.8px;gap:4px}.dbp-trust{font-size:8.8px}
}