/* /website_base/static/src/css/portal_login.css */
 .pl-page .pl-main{padding: 64px 0 0;}.pl-card{display: grid; grid-template-columns: 1fr; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(7, 59, 98, .08);}@media (min-width: 992px){.pl-card{grid-template-columns: 1.1fr .9fr;}}.pl-hero{position: relative; overflow: hidden; background: var(--pc-navy); color: #fff; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px;}@media (min-width: 640px){.pl-hero{padding: 40px;}}.pl-hero__circle{position: absolute; border-radius: 50%; pointer-events: none;}.pl-hero__circle--top{width: 420px; height: 420px; top: -200px; right: -110px; border: 1px solid rgba(255,255,255,.12);}.pl-hero__circle--bottom{width: 190px; height: 190px; bottom: -40px; right: 60px; background: rgba(255,255,255,.05);}.pl-hero__body, .pl-features{position: relative; z-index: 1;}.pl-hero__brand{display: flex; align-items: center; gap: 10px;}.pl-hero__brand-name{display: block; font-family: var(--pc-heading); font-weight: 700; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.1;}.pl-hero__brand-sub{display: block; margin-top: 2px; font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.7);}.pl-pill{display: inline-flex; margin-top: 8px; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.1); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;}.pl-hero h1{margin-top: 28px; max-width: 28rem; font-size: 40px; line-height: .98; letter-spacing: .005em;}@media (min-width: 640px){.pl-hero h1{font-size: 52px;}}.pl-hero__lead{margin-top: 20px; max-width: 32rem; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.82);}.pl-features{display: grid; gap: 12px; max-width: 32rem;}@media (min-width: 640px){.pl-features{grid-template-columns: 1fr 1fr;}}.pl-feature{display: flex; flex-direction: column; padding: 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.1);}.pl-feature strong{margin-top: 16px; font-size: 14px; font-weight: 600;}.pl-feature span{margin-top: 4px; font-size: 12px; line-height: 1.55; color: rgba(255,255,255,.7);}.pl-form-wrap{background: #fff; padding: 28px; display: flex; align-items: center;}@media (min-width: 640px){.pl-form-wrap{padding: 40px;}}.pl-form{width: 100%; max-width: 384px; margin: 0 auto;}.pl-eyebrow{color: var(--pc-teal);}.pl-form h2{margin-top: 8px; font-size: 32px; line-height: 1.1;}.pl-sub{margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--pc-muted);}.pl-form form{margin-top: 32px;}.pl-field{margin-bottom: 20px;}.pl-field label{display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--pc-navy);}.pl-input{position: relative;}.pl-page .pl-input svg.pc-i{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--pc-muted); pointer-events: none;}.pl-input input{width: 100%; height: 36px; padding: 0 12px 0 36px; font-size: 14px; border: 1px solid var(--pc-border); border-radius: 8px; background: #fff; color: var(--pc-navy); box-shadow: 0 1px 2px rgba(0,0,0,.04); outline: none; transition: border-color .15s, box-shadow .15s;}.pl-input input::placeholder{color: #8aa0a6;}.pl-input input:focus{border-color: var(--pc-teal); box-shadow: 0 0 0 3px rgba(0,156,147,.18);}.pl-row{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; font-size: 12px;}.pl-check{display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--pc-muted); cursor: pointer;}.pl-check input{accent-color: var(--pc-teal); margin: 0;}.pl-page a.pl-link{color: var(--pc-teal); font-weight: 600;}.pl-page a.pl-link:hover{color: var(--pc-teal-deep); text-decoration: underline;}.pl-page .alert{margin: 0 0 16px; padding: 10px 12px; border-radius: 8px; font-size: 13px;}.pl-buttons{display: flex; flex-direction: column; gap: 8px;}.pl-buttons .o_login_auth:empty{display: none;}.pl-buttons .o_login_auth{margin-top: 8px;}.pl-register{margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--pc-border); text-align: center; font-size: 14px;}.pl-register p{color: var(--pc-muted);}.pl-register .pl-link{display: inline-flex; align-items: center; gap: 4px; margin-top: 8px;}.pl-page .pl-feature svg.pc-i{align-self: flex-start;}