.qrs-portal-container { max-width: 500px; margin: 40px auto; font-family: sans-serif; }
.qrs-branding { text-align: center; margin-bottom: 25px; }
.qrs-logo { max-width: 150px; margin-bottom: 15px; }
.qrs-title { color: #1b4332; font-weight: bold; }
.qrs-instruction { background: #d8f3dc; border-left: 5px solid #2d6a4f; padding: 15px; font-size: 14px; text-align: left; }

.qrs-green-panel { 
    background: #2d6a4f; /* Green Panel color */
    padding: 40px; 
    border-radius: 12px; 
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.qrs-green-panel input { 
    width: 100%; margin-bottom: 15px; padding: 12px; border: none; border-radius: 5px; 
}
.qrs-btn { 
    width: 100%; background: #1b4332; color: #fff; border: none; padding: 12px; cursor: pointer; border-radius: 5px; font-weight: bold;
}
.qrs-btn:hover { background: #081c15; }
.qrs-green-panel a { color: #d8f3dc; font-size: 13px; }