.aoc-login-links{max-width:1100px;margin:70px auto 10px;padding:38px;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center;background:#f8fafc;border:1px solid #dbeafe;border-radius:26px}.aoc-login-links>div>span{color:#0891b2;font-size:12px;font-weight:900;letter-spacing:.16em}.aoc-login-links h2{font-size:32px;color:#082f49;margin:12px 0}.aoc-login-links p{color:#64748b;line-height:1.6}.aoc-login-actions{display:grid;gap:12px}.aoc-role-link{display:flex;flex-direction:column;padding:17px 20px;border-radius:15px;text-decoration:none;border:1px solid #dbeafe;background:#fff;transition:.2s}.aoc-role-link:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(8,47,73,.1)}.aoc-role-link b{font-size:17px;color:#082f49}.aoc-role-link small{color:#64748b;margin-top:4px}.aoc-role-link.manager{border-left:5px solid #16a34a}.aoc-role-link.admin{border-left:5px solid #0891b2}.aoc-role-link.user{border-left:5px solid #f59e0b}@media(max-width:850px){.aoc-main-nav{gap:8px!important}.aoc-main-nav a{font-size:11px!important}.aoc-login-links{margin:45px 16px 0;grid-template-columns:1fr;padding:24px}.aoc-login-links h2{font-size:27px}}@media(max-width:650px){.aoc-main-nav a{display:none!important}.aoc-main-nav a:nth-last-child(2),.aoc-main-nav a:last-child{display:block!important}.aoc-brand-logo{max-width:48vw!important}}