:root{font-family:Arial,sans-serif;color:#20232a;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(940px,100%);display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #17212d15}aside{background:#121419;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}aside img{width:100%;max-width:340px;max-height:340px;object-fit:contain;align-self:center}aside p{font-size:12px;letter-spacing:4px;color:#d0d2d8;margin:24px 0 0;text-align:center}h1{font-size:38px;line-height:1.15}aside span{line-height:1.6;color:#b6bbc4}section{padding:48px}.stage{font-size:10px;letter-spacing:1px;color:#a24b17;background:#fff2e8;padding:9px;border-radius:6px}h2{font-size:26px;margin-top:30px}section>p,footer{color:#68707c;line-height:1.5}label{display:block;font-size:13px;font-weight:600;margin:22px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #d7dbe0;border-radius:8px;font:inherit}input:focus{outline:2px solid #d32d36;outline-offset:2px}button{background:#ce202c;color:white;width:100%;border:0;border-radius:8px;padding:14px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:wait}small,footer{font-size:12px}small{display:block;margin-bottom:18px}footer{margin-top:32px}#message{color:#ad2930;font-size:13px}[hidden]{display:none!important}@media(max-width:650px){body{padding:12px}main{grid-template-columns:1fr}aside{padding:24px;flex-direction:column;gap:12px;align-items:center;justify-content:center}aside img{width:150px;max-height:140px}aside h1,aside span{display:none}aside p{margin:0}section{padding:26px}}

.logo-box{position:relative;width:100%;max-width:340px;align-self:center}.logo-box .logo-original{display:block;width:100%;max-height:none}.logo-tagline{display:none}.company-alubr .logo-box{mix-blend-mode:screen}.company-alubrax .logo-original{clip-path:inset(0 0 35% 0)}.company-alubrax .logo-tagline{display:block;position:absolute;inset:0;width:100%;max-height:none;clip-path:inset(65% 0 0 0);filter:brightness(0) invert(1)}@media(max-width:650px){.logo-box{max-width:190px}.company-alubrax .logo-box{max-width:280px}.logo-box img{width:100%;max-height:none}}